Pertanyaan Paksa teks untuk dibungkus


Ini adalah menu utama situs web saya:

enter image description here

Seperti yang akan Anda perhatikan, teks di dalam item menu utama tidak membungkus. Saya sudah mencoba banyak solusi yang disarankan tetapi sepertinya tidak ada yang mempengaruhi item ini. Inilah kode css:

#pt_custommenu .parentMenu a{
    width: 100px; height: 59px;
    line-height: normal;
    padding-top: 0; padding-bottom:0; 
    float:left;
    display: inline-block;
    position: relative;
    text-transform: none;
    word-wrap: normal;
    white-space: normal !important;
}

Saya ingin membuat teks menjadi dua garis, seperti yang biasanya dilakukan, karena <a> elemen memiliki lebar dan tinggi standar.

Ada saran?


5
2018-02-04 13:27


asal


Jawaban:


Menghapus &nbsp;

Kode ini menyisipkan spasi tanpa bungkus. Ruang normal tidak melakukan itu.

Anda dapat mengambil lebih banyak info tentang di sini: http://www.sightspecific.com/~mosh/www_faq/nbsp.html

EDIT: Saya akan menyalin info yang relevan jika tautan ini kelak menghilang:

&nbsp; adalah entitas yang digunakan untuk mewakili ruang non-breaking. ini   pada dasarnya ruang standar, perbedaan utama adalah bahwa a   browser tidak boleh merusak (atau membungkus) suatu garis teks pada titik itu   ini menempati.

Banyak editor HTML WYSIWYG memasukkan entitas ini sebagai upaya untuk   mengontrol tata letak dokumen HTML. Misalnya, editor semacam itu   dapat menggunakan serangkaian ruang non-breaking untuk mengindentasi paragraf seperti   ini:

<p>
    &nbsp; &nbsp; &nbsp; This first line of text is supposed to be indented. However, many browsers will not render it as intended.
</p>

[...]

Ada beberapa waktu ketika "diterima" atau "disarankan" untuk menggunakan   entitas selama konsekuensinya dipahami:

Maksud penggunaannya adalah menciptakan ruang antara kata atau elemen itu   seharusnya tidak rusak. Satu-satunya masalah yang dapat dikaitkan dengan   penggunaan ini adalah terlalu banyak kata yang dirangkai bersama tanpa putus   spasi mungkin memerlukan beberapa browser grafis untuk menunjukkan horizontal   scrollbars atau menyebabkan mereka untuk menampilkan tabel tumpang tindih teks   perbatasan.


6
2018-02-04 13:30



Anda ingin teks dipatahkan, jadi gunakan yang berikut:

word-wrap: break-word;

Saya memeriksanya lagi dan melihat Anda tidak menggunakan spasi, itu sebabnya tidak bisa. Menggantikan &nbsp; dengan karakter ruang normal. Kalau tidak browser akan membacanya sebagai blok tanpa spasi.


4
2018-02-04 13:30