Rumah >hujung hadapan web >html tutorial >Tetapan lebar sel jadual td adalah tidak sah dan kandungan dalaman sentiasa diregangkan_HTML/Xhtml_Pengeluaran halaman web

Tetapan lebar sel jadual td adalah tidak sah dan kandungan dalaman sentiasa diregangkan_HTML/Xhtml_Pengeluaran halaman web

WBOY
WBOYasal
2016-05-16 16:37:471550semak imbas

Apabila membuat halaman jadual, kadangkala set lebar untuk td adalah tidak sah Lebar td sentiasa diregangkan oleh kandungan dalaman Anda boleh menetapkan padding, tetapi tetapan lebar secara langsung Mari kita lihat contoh ini secara terperinci :

Salin kod
Kodnya adalah seperti berikut:

🎜>< sempadan jadual= "1px">

1000800 1000000
1000000 < /td>
1000000 >
1000000 >
1000000
🎜>.div1 {kedudukan: relatif; lebar: 150px; tinggi: 100px; tatal: 1px merah padat; sel dalam kelas div1 mempunyai set lebar, ia tidak sah. Kandungan sel sentiasa ditentukan oleh kandungan, jadi memandangkan ia ditentukan oleh kandungan, kita perlu mencari cara untuk membiarkan "kandungan" mengembangkan sel, dan itu sahaja.

Kita boleh menambah div dalam td, dan kemudian tetapkan lebar div, mari cuba:

Ubah suai sebahagian kod dalam kelas div1:





Salin kod


Kod adalah seperti berikut:


1000800


diubah suai kepada



Salin kod


Kodnya adalah seperti berikut:


1000800
Kemudian tulis dalam gaya :
Salin kod

Kodnya adalah seperti berikut:


td div {
width:100px;
} Muat semula halaman, kesannya adalah seperti berikut:
Kita dapat melihat bahawa lebar sel dalam kelas div1 mempunyai berkuat kuasa.
Kenyataan:
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