Rumah >hujung hadapan web >tutorial css >Isu dengan CSS mengawal pembalut baris automatik pertukaran text_Experience

Isu dengan CSS mengawal pembalut baris automatik pertukaran text_Experience

WBOY
WBOYasal
2016-05-16 12:08:021545semak imbas

Apabila menggunakan jadual untuk reka letak halaman web, ia biasanya boleh digunakan secara normal. Kadangkala kita menghadapi fenomena di mana perkataan Inggeris berterusan atau sekumpulan tanda seru (!!!) meregangkan halaman web: (

Ringkasnya, selagi ayat berikut ditakrifkan dalam CSS, web halaman boleh dilindungi. Tidak akan diregangkan lagi

table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)

Nota:

1 Jadual pertama{table-layout: fixed;}, gaya ini boleh membuat jadual secara automatik membungkus apabila terdapat aksara seperti !!! (tanda seru)
2.td{word-break: break-all}, secara amnya ayat ini OK, tetapi dalam beberapa keadaan istimewa ia akan tetap putus, jadi anda perlu menambah ayat berikut (word-wrap: break-word; ) boleh diselesaikan Gaya ini secara automatik boleh membungkus beberapa perkataan Inggeris berturut-turut dalam jadual.

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