masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
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
Lepaskan： 2016-05-16 16:37:47
asal
1541 orang telah melayarinya

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.
Label berkaitan：
单元格
sumber：php.cn
Artikel sebelumnya：Pengenalan kepada contoh penggunaan teg marquee html_HTML/Xhtml_Pengeluaran halaman web Artikel seterusnya：Penjelasan terperinci tentang contoh mendapatkan, menetapkan dan mendaftarkan acara untuk nilai radio dalam HTML_HTML/Xhtml_Web pengeluaran halaman
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
Artikel terbaru oleh pengarang
Isu terkini
Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL Saya mempunyai skema seperti ini: Jadual pengguna dengan atribut "user_id" dan &...
daripada 2024-04-06 19:39:29
0
1
441
Bandingkan Imagick, Adobe Photoshop dan Windows - Kesan resolusi (piksel per sentimeter atau piksel per inci) Ini bukan soalan tetapi percubaan untuk meningkatkan pemahaman saya tentang cara DPI disim...
daripada 2024-04-06 16:01:27
0
1
397
Ujian unit OverflowException: Percubaan semula maksimum mencapai 10,000 kali, nilai unik masih tidak ditemui Jadi saya sedang melakukan beberapa ujian unit sebelum melaksanakan fungsi baharu. Saya me...
daripada 2024-04-06 11:27:39
0
2
347
Mengapakah kanak-kanak grid dengan lebar tetap dan lebar maksimum 90% melimpahi trek grid? Soalan: Soalan saya sangat mudah, saya ingin tahu mengapa elemen .header melimpahi trek gr...
daripada 2024-04-05 14:33:39
0
1
1426
Pautan dan butang Highcahrts dalam petua alat tidak berfungsi Saya cuba mencetuskan acara klik dari dalam petua alat. Saya meletakkan butang dengan acar...
daripada 2024-04-04 22:01:46
0
1
1352
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan