Rumah  >  Artikel  >  hujung hadapan web  >  Pepijat elemen baris meja terlipat pepijat_HTML/Xhtml_Penghasilan halaman web

Pepijat elemen baris meja terlipat pepijat_HTML/Xhtml_Penghasilan halaman web

WBOY
WBOYasal
2016-05-16 16:41:551538semak imbas

Mari kita ambil contoh: kodnya sangat mudah, seperti berikut:

Salin kod
Kodnya adalah seperti berikut:





dd
ss



Dengan cara ini, jadual dengan dua baris dan dua lajur tidak akan memaparkan sebarang ralat dalam mana-mana penyemak imbas Tetapi jika saya menambah css berikut, keadaannya berbeza:




Salin kod
Kodnya adalah seperti berikut:
Nampaknya akan ada masalah, tetapi jangan risau, sebenarnya, anda tidak dapat melihat sebarang masalah di permukaan pada masa ini, dan susun atur halaman pasti tidak akan kacau,
Anda tidak dapat melihat apa-apa yang bertindih

Saya tidak pernah mahu menipu anda, walaupun tidak ada masalah di permukaan , tetapi sekarang biarkan alat ie pembangunan kami dimainkan, ia akan memberitahu kami susun atur Apa yang dibawanya





Beri perhatian kepada? perbezaan dan persamaan dalam kedua-dua gambar Perhatikan bulatan garisan biru pada pandangan kiri Sesuatu, fungsi alat ini adalah untuk mengklik pada elemen di sebelah kanan dan ia akan dibingkai dengan bingkai wayar dalam halaman web >Tetapi ambil perhatian bahawa saya mengklik dua elemen berbeza dua kali Rangka wayar membingkai tempat yang sama, saya membacanya dengan betul Pepijat elemen baris meja terlipat pepijat_HTML/Xhtml_Penghasilan halaman webYa, maksudnya, dua tr bertindih, tetapi perkara yang pelik ialah elemen dalam tr. dipaparkan dengan betul tanpa menjejaskan sebarang gaya penampilan. Jangan fikir ini adalah selamat baris pertama ialah bar tajuk tetingkap, yang boleh diseret, dan baris kedua adalah Buat paparan utama, tetapi kemudian saya mendapati bahawa baris kedua jadual menutup baris pertama Walaupun ia kelihatan biasa, bar tajuk telah disekat dan tidak boleh diklik dan diseret. Untuk membetulkan fenomena ini, Alih keluar sahaja kedudukan dalam tr 3. Dari sudut pandangan ini: Pepijat elemen baris meja terlipat pepijat_HTML/Xhtml_Penghasilan halaman webc Saya tidak tahu sama ada anda menggunakan tetapan semula semasa menulis css , inilah yang saya lakukan, css dalam NetBeans saya Tetapan semula disimpan dalam templat, dan akan terdapat perenggan seperti ini dalam pengepala setiap fail css:




Salin kod


Kod adalah seperti berikut:
/* TODO menyesuaikan gaya sampel ini Pengesyoran sintaks http:// www.w3.org/TR/REC-CSS2/*/html, badan, div, span, applet, objek, iframe,
h1, h2, h3, h4, h5, h6, p , petikan blok, pra,
a, abbr, akronim, alamat, besar, petikan, kod,
del, dfn, em, fon, img, ins, kbd, q, s, samp,
kecil, mogok, kuat, sub, sup, tt, var,
b, u, i, tengah ,
dl, dt, dd, ol, ul, li,
set medan, borang, label, legenda,
jadual, kapsyen, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding: 0;
border: 0;
outline: 0;
fon -saiz: 12px;
jajaran menegak: garis dasar;
latar belakang: lutsinar;

}
badan {
ketinggian garis: 1;
}
ol , ul {
gaya senarai: tiada;
}
petikan sekat, q {
petikan: tiada;
}
sebutan sekat:sebelum, petikan sekat:selepas,
q: sebelum, q:selepas {
kandungan: tiada;
}
/* Gaya apabila elemen mendapat fokus */
:fokus {
garis besar: 0;
}
/* Gaya teks khas! */
dalam {
hiasan teks: tiada;
}
del {
hiasan teks: baris;
}
/* gaya jadual garis nipis*/
jadual {
runtuh sempadan: runtuh ;
jarak sempadan: 0;
}


Semua orang tahu bahawa jika anda ingin meletakkan elemen secara mutlak, anda mesti meletakkan elemen induknya terlebih dahulu, sebagai contoh, tetapkan kedudukan: relatif supaya elemen anak boleh menjadi mutlak, dan kemudian letakkan di atas dan kiri

Jadi saya fikir, ini terlalu menyusahkan, saya juga boleh menetapkan position:relative untuk semua elemen, dan kemudian menukar position:absolute untuk kedudukan mutlak dengan cara ini, saya tidak perlu menetapkannya satu demi satu, dan semua elemen boleh diletakkan secara mutlak

Jadi masalah yang dinyatakan dalam artikel ini datang. Kami menetapkan kedudukan:relatif untuk semua elemen, jadi terdapat masalah dengan jadual, jadi pendekatan ini tidak digalakkan. akan menyebabkan beberapa masalah pemaparan lain Saya ingat bahawa saya melihat gesaan di beberapa tempat yang mengatakan bahawa tetapan ini tidak boleh dilakukan

Artikel ini sebenarnya mengenai reka letak, tetapi masalah ini sememangnya pepijat dalam IE, bukan reka letak. masalah. Saya akan menghadapi reka letak lain kali Mari kita bercakap tentang reka letak, ini benar-benar pepijat.
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