中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何解決ulli內容寬度的問題

發布時間:2021-09-15 10:00:50 來源:億速云 閱讀:105 作者:柒染 欄目:web開發

本篇文章為大家展示了如何解決ulli內容寬度的問題,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。

先來解決問題

li{
max-width: 100px;/*具體數值自行修改,下一行相同*/
width:expression(document.body.clientWidth>100?"100px":"auto");
overflow: hidden;
}

把上面的100改成你自己的最大寬度即可。

然后再來討論UL LI內容寬度問題

關于ul li文字長度不固定,一行顯示多列。當指定寬度時,文字長度超過指定的li寬度時解決方案:
如下代碼

代碼如下:

<h5>發送對象(共10個會員)</h5>
<div id="send_email">
 <ul>
 <li>tester123456(<a href="mailto:tester12346@qq.com)</li">tester12346@qq.com)</li</a>>
 <li>tester12345(<a href="mailto:tester12345@qq.com)</li">tester12345@qq.com)</li</a>>
 <li>test12345(<a href="mailto:test12345@qq.com)</li">test12345@qq.com)</li</a>>
 <li>willme(<a href="mailto:sdfsdf@sdf.com)</li">sdfsdf@sdf.com)</li</a>>
 <li>willbin(<a href="mailto:sdfsd@22f.com)</li">sdfsd@22f.com)</li</a>>
 <li>zhangsan(<a href="mailto:zhangsan@qq.com)</li">zhangsan@qq.com)</li</a>>
 <li>淘寶會員_u_865b68p1g7(<a href="mailto:u_265i54w3n7@localhost.com)</li">u_265i54w3n7@localhost.com)</li</a>>
 <li>test</li>
 </ul>
</div>

樣式

代碼如下:

.menber{width:754px; margin:0px auto;line-height:25px; max-height:200px;}
.menber li{clear:none;width:200px;float:left;height:25px;line-height:40px; margin-right:30px;}

這段代碼是將會員信息都顯示出來,一行顯示三個,但是現在問題出現了,這一行 <li>淘寶會員_u_865b68p1g7(u_265i54w3n7@localhost.com)</li> 因為寬度固定,但是li里面的內容超過了200px導致且內容中有下劃線且下劃線后是數字或者英文導致下劃線后面的內容會自動換一行顯示,但是由于li的高度是固定的導致掉下去的一行內容與下面
 
這個可以控制文字顯示的寬度,并且可以整齊的排列,但是當li里面的文字過多,超過200px時,里面的內容會掉到下面一行來,導致與下面一行的內容重疊,如果在.menber li里面加入overflow:hidden;的話內容不會掉來,但是內容會顯示不全,這時應該怎么辦呢,最好的解決辦法就是不指定寬度,將width設置為auto;并且 加上white-space:nowrap;這個代碼可以讓內容不自動換行(遇到_等字符串時),這個問題是解決了,但是由于寬度不固定,所以內容顯示不會那么整齊的,所有事情都很難十全十美,要顧及一些就要失去一些,這是沒辦法,如果各位大蝦有更好的解決辦法也可以分享一下。

上述內容就是如何解決ulli內容寬度的問題,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

河源市| 东乌珠穆沁旗| 乐业县| 房产| 太仆寺旗| 富裕县| 克什克腾旗| 铜山县| 天祝| 长春市| 天峻县| 色达县| 福州市| 道孚县| 峨山| 孝义市| 蓝山县| 桃园县| 孟津县| 元谋县| 尼玛县| 屏边| 灵石县| 成武县| 老河口市| 凤冈县| 绥阳县| 江安县| 仙桃市| 安乡县| 沂源县| 星座| 萨迦县| 资阳市| 望奎县| 本溪市| 秦安县| 永泰县| 富宁县| 双鸭山市| 平昌县|