Tetapan atribut jadual dengan kesan yang baik:
< table cellSpacing="0" cellPadding="0" border='1' bordercolor="black"
style='border-collapse:collapse;table-layout: fixed'>
Ramai orang mempunyai pengalaman ini: apabila tiada kandungan atau tiada unsur yang kelihatan dalam td, sempadan td juga akan hilang. Penyelesaiannya ialah dengan menambah gaya border-collapse:collapse pada jadual
Pemotongan teks umum (digunakan pada sebaris dan sekat):
.text-overflow{
display:block;/*Objek sebaris perlu ditambah*/
lebar: 31em;
word-break:keep-all;/* Tiada patah baris*/
white-space:nowrap;/* Tiada patah baris*/
overflow:hidden;/* Sembunyikan lebihan kandungan apabila kandungan melebihi lebar*/
text-overflow:ellipsis;/* Paparkan tanda elipsis (...) apabila teks dalam objek melimpah perlu digunakan bersama-sama dengan overflow:hidden;. */
}
Untuk jadual, takrifannya sedikit berbeza:
jadual{
lebar:30em;
tata letak jadual:tetap;/* Hanya algoritma reka letak jadual ditakrifkan sebagai tetap , definisi td di bawah boleh berfungsi. */
}
td{
lebar:100%;
word-break:keep-all;/* Tiada garis putus*/
white-space:nowrap;/* Tiada baris breaks* /
overflow:hidden;/* Sembunyikan lebihan kandungan apabila kandungan melebihi lebar*/
text-overflow:ellipsis;/* Paparkan tanda elipsis (...) apabila teks dalam objek limpahan; perlu digunakan dengan limpahan :hidden; */
}
Jadual operasi JavaScript, tr, td
table.moveRow(m,n)//Exchange table rows (IE) Baris antara m dan n dialihkan mengikut urutan
table.deleteRow(index )// Pemadaman baris
table.insertRow(index)//Sisipkan baris pada kedudukan indeks dan kembalikan TR
tr.insertCell(index)//Sisipkan sel dan kembalikan TD
tr. deleteCell(index )
tr.rowIndex//Mengembalikan kedudukan tr dalam jadual
td.cellIndex //Mengembalikan kedudukan td dalam tr
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