Rumah  >  Artikel  >  hujung hadapan web  >  Organisasi berkaitan jadual dan jadual operasi Javascript, tr, td_HTML/Xhtml_Web page production

Organisasi berkaitan jadual dan jadual operasi Javascript, tr, td_HTML/Xhtml_Web page production

WBOY
WBOYasal
2016-05-16 16:40:291300semak imbas

Tetapan atribut jadual dengan kesan yang baik:

Salin kod
Kodnya adalah seperti berikut:

< 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):

Salin kod
Kodnya adalah seperti berikut:

.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:

Salin kod
Kodnya adalah seperti berikut:

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

Salin kod
Kodnya adalah seperti berikut:

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