• <button id="53lc2"><rt id="53lc2"></rt></button>
    <noframes id="53lc2"><table id="53lc2"></table></noframes>
  • \n
    The table-layout<\/code> property demo<\/h2>\n\n\n\n\n\n\n\n\n
    • table-layout demo<\/th>\ntable-layout demo<\/th>\ntable-layout demo<\/th>\ntable-layout demo<\/th>\n<\/tr>\n<\/thead>\n
    This text is much bigger content for the demo. Adding more text here. More text being added?here.<\/td>\ntable-layout demo<\/td>\ntable-layout demo<\/td>\ntable-layout demo<\/td>\n<\/tr>\n
    table-layout demo<\/td>\ntable-layout demo<\/td>\ntable-layout demo<\/td>\ntable-layout demo<\/td>\n<\/tr>\n<\/tbody>\n
    table-layout demo<\/td>\ntable-layout demo<\/td>\ntable-layout demo<\/td>\ntable-layout demo<\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<\/body><\/pre>\n
    Output:<\/strong><\/p>\n
    \"Susun<\/p>\n
    Perhatikan bahawa, jadual, mempunyai lebarnya dilaraskan mengikut kandungan dalam sel, lajur pertama sedang dilaraskan mengikut kandungan besar dalam sel baris kedua-pertama. Manakala lajur lain dibahagikan sama banyak kerana ia mengandungi kandungan perkataan yang sama.<\/p>\n
    2. tetap<\/h4>\n
    Nilai 'tetap' seperti yang dicadangkan oleh namanya mentakrifkan jadual dan lebar lajurnya mengikut lebar pratakrif elemen kol (jika ada) dan lebar jadual. Sifat ini dengan nilai sebagai 'tetap' juga boleh ditentukan oleh lebar baris pertama sel jadual. Selebihnya lebar sel tidak penting atau menjejaskan lebar jadual.<\/p>\n
    Kami perlu memberikan lebar jadual, beberapa nilai bukannya 'auto' (nilai lalai). Dalam contoh di bawah, lebar ditetapkan kepada 100%.<\/p>\n\n\n
    Contoh #1<\/strong><\/p>\n
    Menggunakan jadual yang sama yang dibuat di atas, tetapi menetapkan susun atur jadual kepada nilai 'tetap' dan lebar jadual sebagai 100%. Nilai CSS seperti yang ditakrifkan dalam atur cara diberikan di bawah, kod HTML adalah sama.<\/p>\n
    Kod:<\/strong><\/p>\n
    table {\nwidth: 100%;\nmargin: 10px auto;\ntable-layout: fixed;\n}<\/pre>\n
    Output:<\/strong><\/p>\n
    \"Susun<\/p>\nNota #1:<\/strong> Kandungan tidak menentukan lebar jadual seperti yang dilakukan semasa menggunakan nilai sifat 'auto' mengikut kandungan. Nilai 'tetap' apabila digunakan, penyemak imbas menggunakan lebar (jika ada) yang ditakrifkan oleh pengaturcara. Jika tidak, lebar lajur dibahagikan sama rata, tidak kira panjang kandungan dalam sel. Di bawah ialah satu lagi contoh menggunakan susun atur jadual: harta tetap.\n\nNota #2:<\/strong> Memandangkan lebar ditetapkan kepada 100%, jadual merentasi bekas dan membahagikan lebar lajur sama rata.\n
    Contoh #2<\/strong><\/p>\n
    Contoh ini menunjukkan bagaimana lebar tetap sel penting dan mempunyai kesannya semasa menggunakan reka letak jadual sebagai sifat tetap.<\/p>\n
    Di sini kami menetapkan lebar sel pertama kepada 400px untuk tujuan tunjuk cara untuk membesar-besarkan perbezaan paparan. Sekarang perhatikan bahawa nilai sifat, 'tetap' tidak mempunyai kesan pada sel lain kerana setiap sel lain mempunyai kandungan yang sama.<\/p>\n
    \"Susun<\/p>\n
    Contoh #3<\/strong><\/p>\n\n\n
    Sekarang perhatikan contoh di bawah. Jadual ini adalah sama seperti di atas dengan kandungan yang lebih besar dalam salah satu sel lain dan lebar ditetapkan kepada 250px.<\/p>\n
    Perhatikan jika harta itu ditetapkan kepada auto;<\/p>\n
    table {\nwidth: 100%;\nmargin: 10px auto;\ntable-layout: auto;\n}<\/pre>\n
    Output:<\/strong><\/p>\n
    \"Susun<\/p>\n
    Tetapi di sini, apabila sifat 'tetap' digunakan, ia menukar jadual dengan sewajarnya.<\/p>\n
    table {\nwidth: 100%;\nmargin: 10px auto;\ntable-layout:?fixed;\n}<\/pre>\n
      \n
    • It does not touch the fixed width of the first cell.<\/li>\n<\/ul>\n
      \"Susun<\/p>\n
        \n
      • Divides the rest of the table equally, no matter the content.[Text Wrapping Break]<\/li>\n<\/ul>\n
        There are two more values that are Global Values.<\/p>\n
          \n
        • \ninitial:<\/strong>?This value when used, sets the property to the default initial value.<\/li>\n
        • \ninherit:<\/strong>?You can also inherit a table layout design or property from a parent element.<\/li>\n<\/ul>\n
          Since when we use the ‘fixed’ table layout algorithm or layout method, your complete table gets rendered as soon as the browser receives the table’s first row and analyzes it. If the table is really large, users will only be able to see the table’s top row if the ‘fixed’ layout method is used which puts up a good effect on users, giving them the impression that the table is getting loaded faster.<\/p>"}	
	







          国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂
          
	

          
    

          

	
	
          
		
          
			
          
							
          
					
          
						
          Jadual Kandungan
          
						
          
							
															
          
									Nilai Susun Atur Jadual HTML
								
          
																
          
									1. auto
								
          
																
          
									2. tetap
								
          
														
          
					
          
				
          
							
          
					
          
						Rumah
						
												hujung hadapan web
						
												html tutorial
						
						Susun Atur Jadual HTML
					
          
					
					
          
						
          
							
          Susun Atur Jadual HTML
          
							
							Sep 04, 2024 pm	 04:54 PM
															
          
																			html
																			html5
																			HTML Tutorial
																			HTML Properties
																			HTML tags
																	
          
														
						
          
					
          
					
          
					
          
						
          
						
						
						

					
          Susun atur jadual anda dalam dokumen HTML boleh ditetapkan menggunakan sifat lebar dan dalam proses mengehadkan lebar jadual, tidak berubah, menjadikannya tetap tidak kira berapa lama kandungan berada di dalam sel atau paparan pelayar tetapan adalah. ATAU kita boleh menggunakan sifat HTML yang dikenali sebagai susun atur jadual.
          














          Sifat susun atur jadual adalah sedemikian rupa sehingga membantu mentakrifkan satu set arahan untuk penyemak imbas yang harus digunakan oleh penyemak imbas semasa menyusun jadual anda, dan sel dan lajur jadual anda.
          

          Jadi, secara ringkasnya, sifat susun atur jadual boleh dikatakan mengandungi algoritma yang diberikan kepada penyemak imbas untuk diikuti, untuk susun atur jadual anda. Sifat susun atur jadual mempunyai pelbagai nilai untuk ditetapkan, tetapi ia bergantung sepenuhnya pada pilihan pengguna. Penyemak imbas menggunakan beberapa peraturan secara automatik, menentukan cara sel dan lajur akan dibentangkan, jika tiada penggunaan sifat susun atur jadual. Peraturan ini juga digunakan apabila nilai sifat susun atur jadual ditetapkan kepada 'auto'.
          



          Sintaks :
          

          Di bawah ialah sintaks ringkas sifat susun atur jadual.
          

          ObjectName
{
table-layout:?auto|fixed|initial|inherit;
}
          

          Nilai Susun Atur Jadual HTML
          

          Nilai yang akan digunakan untuk sifat susun atur jadual, seperti yang dibincangkan di atas, bergantung sepenuhnya dan berbeza mengikut pilihan reka bentuk dan citarasa pengaturcara. Berikut ialah nilai yang boleh digunakan bersama-sama dengan sifat susun atur jadual.
          

          1. auto
          

          ‘a(chǎn)uto’ ialah nilai ‘secara lalai’ bagi sifat susun atur jadual. Iaitu, walaupun pengaturcara tidak mentakrifkan sifat susun atur jadual, penyemak imbas menggunakan kekangan 'auto' untuk menentukan susun atur sel jadual dan lajur. Lebar jadual dan sel jadual bergantung pada kandungan di dalam sel, iaitu, lebar jadual dilaraskan mengikut kandungan terbesar dalam sel, penyimpanan tidak boleh dipecahkan.
          

          Di bawah ialah contoh yang menunjukkan reka letak jadual dengan 'auto' sebagai nilainya.
          

          Contoh 
          

          Contoh ini menunjukkan jadual dengan lebar jadual sebagai 100% dan nilai susun atur jadual ditetapkan kepada 'auto'.
          

          Kod:
          

          <body>
<h2>The <code>table-layout</code> property demo</h2>
<table>
<thead>
<tr>
<th>table-layout demo</th>
<th>table-layout demo</th>
<th>table-layout demo</th>
<th>table-layout demo</th>
</tr>
</thead>
<tbody>
<tr>
<td>This text is much bigger content for the demo. Adding more text here. More text being added?here.</td>
<td>table-layout demo</td>
<td>table-layout demo</td>
<td>table-layout demo</td>
</tr>
<tr>
<td>table-layout demo</td>
<td>table-layout demo</td>
<td>table-layout demo</td>
<td>table-layout demo</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>table-layout demo</td>
<td>table-layout demo</td>
<td>table-layout demo</td>
<td>table-layout demo</td>
</tr>
</tfoot>
</table>
</body>
          

          Output:
          

          Susun Atur Jadual HTML
          

          Perhatikan bahawa, jadual, mempunyai lebarnya dilaraskan mengikut kandungan dalam sel, lajur pertama sedang dilaraskan mengikut kandungan besar dalam sel baris kedua-pertama. Manakala lajur lain dibahagikan sama banyak kerana ia mengandungi kandungan perkataan yang sama.
          

          2. tetap
          

          Nilai 'tetap' seperti yang dicadangkan oleh namanya mentakrifkan jadual dan lebar lajurnya mengikut lebar pratakrif elemen kol (jika ada) dan lebar jadual. Sifat ini dengan nilai sebagai 'tetap' juga boleh ditentukan oleh lebar baris pertama sel jadual. Selebihnya lebar sel tidak penting atau menjejaskan lebar jadual.
          

          Kami perlu memberikan lebar jadual, beberapa nilai bukannya 'auto' (nilai lalai). Dalam contoh di bawah, lebar ditetapkan kepada 100%.
          



          Contoh #1
          

          Menggunakan jadual yang sama yang dibuat di atas, tetapi menetapkan susun atur jadual kepada nilai 'tetap' dan lebar jadual sebagai 100%. Nilai CSS seperti yang ditakrifkan dalam atur cara diberikan di bawah, kod HTML adalah sama.
          

          Kod:
          

          table {
width: 100%;
margin: 10px auto;
table-layout: fixed;
}
          

          Output:
          

          Susun Atur Jadual HTML
          
Nota #1: Kandungan tidak menentukan lebar jadual seperti yang dilakukan semasa menggunakan nilai sifat 'auto' mengikut kandungan. Nilai 'tetap' apabila digunakan, penyemak imbas menggunakan lebar (jika ada) yang ditakrifkan oleh pengaturcara. Jika tidak, lebar lajur dibahagikan sama rata, tidak kira panjang kandungan dalam sel. Di bawah ialah satu lagi contoh menggunakan susun atur jadual: harta tetap.

Nota #2: Memandangkan lebar ditetapkan kepada 100%, jadual merentasi bekas dan membahagikan lebar lajur sama rata.

          Contoh #2
          

          Contoh ini menunjukkan bagaimana lebar tetap sel penting dan mempunyai kesannya semasa menggunakan reka letak jadual sebagai sifat tetap.
          

          Di sini kami menetapkan lebar sel pertama kepada 400px untuk tujuan tunjuk cara untuk membesar-besarkan perbezaan paparan. Sekarang perhatikan bahawa nilai sifat, 'tetap' tidak mempunyai kesan pada sel lain kerana setiap sel lain mempunyai kandungan yang sama.
          

          Susun Atur Jadual HTML
          

          Contoh #3
          



          Sekarang perhatikan contoh di bawah. Jadual ini adalah sama seperti di atas dengan kandungan yang lebih besar dalam salah satu sel lain dan lebar ditetapkan kepada 250px.
          

          Perhatikan jika harta itu ditetapkan kepada auto;
          

          table {
width: 100%;
margin: 10px auto;
table-layout: auto;
}
          

          Output:
          

          Susun Atur Jadual HTML
          

          Tetapi di sini, apabila sifat 'tetap' digunakan, ia menukar jadual dengan sewajarnya.
          

          table {
width: 100%;
margin: 10px auto;
table-layout:?fixed;
}
          

            

          • It does not touch the fixed width of the first cell.
            • 

          

          Susun Atur Jadual HTML
          

            

          • Divides the rest of the table equally, no matter the content.[Text Wrapping Break]
            • 

          

          There are two more values that are Global Values.
          

            

          • 
initial:?This value when used, sets the property to the default initial value.
            • 

          • 
inherit:?You can also inherit a table layout design or property from a parent element.
            • 

          

          Since when we use the ‘fixed’ table layout algorithm or layout method, your complete table gets rendered as soon as the browser receives the table’s first row and analyzes it. If the table is really large, users will only be able to see the table’s top row if the ‘fixed’ layout method is used which puts up a good effect on users, giving them the impression that the table is getting loaded faster.
          Atas ialah kandungan terperinci Susun Atur Jadual HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
          


						
          
					
          
					
          
						
          Kenyataan Laman Web ini
          
						
          Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
          
					
          
				
          

				



				
          


				
    


					


											
          
							
          
								
          
									
									
          Alat AI Hot
          
								
          
								
          
																		
          
											
												Undress AI Tool
											
											
          
												
													
          Undress AI Tool
          
												          
												
          Gambar buka pakaian secara percuma
          
											
          
										
          
																		
          
											
												Undresser.AI Undress
											
											
          
												
													
          Undresser.AI Undress
          
												          
												
          Apl berkuasa AI untuk mencipta foto bogel yang realistik
          
											
          
										
          
																		
          
											
												AI Clothes Remover
											
											
          
												
													
          AI Clothes Remover
          
												          
												
          Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
          
											
          
										
          
																		
          
											
												Clothoff.io
											
											
          
												
													
          Clothoff.io
          
												          
												
          Penyingkiran pakaian AI
          
											
          
										
          
																		
          
											
												Video Face Swap
											
											
          
												
													
          Video Face Swap
          
												          
												
          Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
          
											
          
										
          
																
          
								
							
          
						
          
					


					


											
          
							
          
								
          
									
									
          Alat panas
          
								
          
								
          
																		
          
											
												Notepad++7.3.1
											
											
          
												
													
          Notepad++7.3.1
          
												          
												
          Editor kod yang mudah digunakan dan percuma
          
											
          
										
          
																			
          
											
												SublimeText3 versi Cina
											
											
          
												
													
          SublimeText3 versi Cina
          
												          
												
          Versi Cina, sangat mudah digunakan
          
											
          
										
          
																			
          
											
												Hantar Studio 13.0.1
											
											
          
												
													
          Hantar Studio 13.0.1
          
												          
												
          Persekitaran pembangunan bersepadu PHP yang berkuasa
          
											
          
										
          
																			
          
											
												Dreamweaver CS6
											
											
          
												
													
          Dreamweaver CS6
          
												          
												
          Alat pembangunan web visual
          
											
          
										
          
																			
          
											
												SublimeText3 versi Mac
											
											
          
												
													
          SublimeText3 versi Mac
          
												          
												
          Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
          
											
          
										
          
																	
          
								
							
          
						
          
										

					
					
				
          
			
          
							
          
					
          
						
						
          

													
          
								
									Apakah pemuatan = 'malas' salah satu atribut HTML dan bagaimana ia meningkatkan prestasi halaman?
								
								Apakah pemuatan = 'malas' salah satu atribut HTML dan bagaimana ia meningkatkan prestasi halaman?
								Jul 01, 2025 am	 01:33 AM
								
          Memuatkan = "Lazy" adalah atribut HTML untuk dan yang membolehkan fungsi pemuatan malas asli penyemak imbas untuk meningkatkan prestasi halaman. 1. 2. Ia sesuai untuk sejumlah besar gambar atau kandungan tertanam dalam halaman panjang; 3. Ia tidak sesuai untuk imej skrin pertama, ikon kecil, atau pemuatan malas menggunakan JavaScript; 4. Adalah perlu untuk bekerjasama dengan langkah -langkah pengoptimuman seperti menetapkan saiz dan memampatkan fail untuk mengelakkan offset susun atur dan memastikan keserasian. Apabila menggunakannya, anda harus menguji pengalaman menatal dan menimbang pengalaman pengguna.
          
							
          
														
          
								
									Apakah amalan terbaik untuk menulis kod HTML yang sah dan baik?
								
								Apakah amalan terbaik untuk menulis kod HTML yang sah dan baik?
								Jul 01, 2025 am	 01:32 AM
								
          Apabila menulis HTML undang -undang dan kemas, anda perlu memberi perhatian kepada struktur yang jelas, semantik yang betul dan format piawai. 1. Gunakan pengisytiharan jenis dokumen yang betul untuk memastikan bahawa penyemak imbas mengikut piawaian HTML5; 2. Simpan tag yang ditutup dan munasabah bersarang untuk mengelakkan melupakan unsur -unsur bersarang tertutup atau salah; 3. Gunakan tag semantik seperti, dan lain -lain untuk meningkatkan kebolehcapaian dan SEO; 4. Nilai atribut sentiasa dibalut sebut harga, dan petikan tunggal atau berganda digunakan secara seragam. Atribut Boolean hanya perlu wujud, dan nama kelas harus bermakna dan mengelakkan atribut yang berlebihan.
          
							
          
														
          
								
									Mengisytiharkan DOCTYPE HTML5 yang betul untuk halaman moden.
								
								Mengisytiharkan DOCTYPE HTML5 yang betul untuk halaman moden.
								Jul 03, 2025 am	 02:35 AM
								
          Doctype adalah pernyataan yang memberitahu penyemak imbas yang standard HTML digunakan untuk menghuraikan halaman. Halaman web moden hanya perlu ditulis pada permulaan fail HTML. Fungsinya adalah untuk memastikan bahawa penyemak imbas menjadikan halaman dalam mod standard dan bukannya mod pelik, dan mesti terletak pada baris pertama, tanpa ruang atau komen di hadapannya; Hanya ada satu cara yang betul untuk menulisnya, dan tidak disyorkan untuk menggunakan versi lama atau varian lain; Lain -lain seperti charset, viewport, dan lain -lain harus diletakkan sebahagiannya.
          
							
          
														
          
								
									Apakah elemen HTML penting untuk menstrukturkan laman web?
								
								Apakah elemen HTML penting untuk menstrukturkan laman web?
								Jul 03, 2025 am	 02:34 AM
								
          Struktur laman web perlu disokong oleh elemen HTML teras. 1. Struktur keseluruhan halaman terdiri daripada, yang merupakan unsur akar, yang menyimpan maklumat meta dan memaparkan kandungan; 2. Organisasi kandungan bergantung pada tajuk (-), perenggan () dan tag blok (seperti,) untuk meningkatkan struktur organisasi dan SEO; 3. Navigasi dilaksanakan melalui dan dilaksanakan, organisasi yang biasa digunakan dihubungkan dan ditambah dengan atribut aria-semasa untuk meningkatkan kebolehcapaian; 4. Borang Interaksi melibatkan, dan, untuk memastikan fungsi input dan penyerahan pengguna lengkap. Penggunaan unsur -unsur ini dapat meningkatkan kejelasan halaman, penyelenggaraan dan pengoptimuman enjin carian.
          
							
          
														
          
								
									Mengendalikan penyambungan semula dan kesilapan dengan acara html5 pelayan-sent.
								
								Mengendalikan penyambungan semula dan kesilapan dengan acara html5 pelayan-sent.
								Jul 03, 2025 am	 02:28 AM
								
          Apabila menggunakan HTML5SSE, kaedah untuk menangani penyambungan semula dan kesilapan termasuk: 1. Memahami mekanisme penyambungan semula lalai. Eventsource Retrys 3 saat selepas sambungan terganggu secara lalai. Anda boleh menyesuaikan selang melalui medan semula; 2. Dengar peristiwa ralat untuk menangani kegagalan sambungan atau kesilapan parsing, membezakan jenis ralat dan melaksanakan logik yang sepadan, seperti masalah rangkaian yang bergantung pada penyambungan semula automatik, kesilapan pelayan secara manual melambatkan penyambungan semula, dan kegagalan pengesahan menyegarkan token; 3. Secara aktif mengawal logik penyambungan semula, seperti penutupan secara manual dan membina semula sambungan, menetapkan bilangan maksimum masa semula, menggabungkan navigator.online untuk menilai status rangkaian untuk mengoptimumkan strategi semula. Langkah -langkah ini dapat meningkatkan kestabilan aplikasi dan pengalaman pengguna.
          
							
          
														
          
								
									Bagaimana untuk menentukan singkatan atau akronim menggunakan tag ?
								
								Bagaimana untuk menentukan singkatan atau akronim menggunakan tag ?
								Jun 27, 2025 am	 01:11 AM
								
          Nota Menggunakan tag HTML: 1. Ia mesti disertakan dengan atribut tajuk untuk menentukan makna lengkap singkatan, seperti HTML; 2. Gunakan seragam dan bukannya tag yang dibuang; 3. Gunakan hanya apabila perlu, elakkan bersarang, dan laraskan gaya lalai melalui CSS untuk meningkatkan akses dan kesan SEO.
          
							
          
														
          
								
									Bagaimanakah ejaan Boolean dalam atribut HTML berfungsi pada kandungan yang boleh diedit?
								
								Bagaimanakah ejaan Boolean dalam atribut HTML berfungsi pada kandungan yang boleh diedit?
								Jun 27, 2025 am	 01:44 AM
								
          ThespellcheckattributeinhtmlcontrolswhetherbrowserscheckforspellingerrorsindiTableContent.WhensettoTrue, BrowsersTypiciSunderlinemisspelledwords, wherseusluallydisablessucks, firdbrowserbeHaviorvaries: cromefollysonvaries: Chromefollysonvaries,
          
							
          
														
          
								
									Menerima data masa nyata dengan acara HTML5 Server-SENT (SSE).
								
								Menerima data masa nyata dengan acara HTML5 Server-SENT (SSE).
								Jul 02, 2025 pm	 04:46 PM
								
          Server-Sentevents (SSE) adalah penyelesaian ringan yang disediakan oleh HTML5 untuk menolak kemas kini masa nyata kepada penyemak imbas. Ia menyedari komunikasi sehala melalui sambungan HTTP yang panjang, yang sesuai untuk pasaran saham, pemberitahuan dan senario lain. Buat contoh Eventsource dan dengar mesej apabila menggunakan: ConseVentSource = NewEventSource ('/Stream'); eventsource.onMessage = function (event) {console.log ('mesej yang diterima:', event.data);}; Pelayan perlu menetapkan jenis kandungan ke teks/acara
          
							
          
													
          

													
								See all articles
								
							
											
          
				
          
					
          
	
          
	
          
    

          






		
	
	
	
	
	

	
	











      <span id="5c90a"></span>
      <center id="5c90a"></center>
        2.