網站首頁編程語言正文

css樣式重疊解決辦法

作者：ChangYan. 更新時間： 2023-07-09 編程語言

加載出來由于前邊的灰框固定了寬度，所以導致后邊的按鈕被遮蓋。
在這里插入圖片描述

想要的效果是前邊灰框里的文字內容可以自動換行，當距離較窄的時候文字變成2行，這樣就不會樣式重疊了。

打開控制臺調試發現有這個屬性
在這里插入圖片描述

查一下white-space，發現確實是這個屬性的設置導致不會自動換行
在這里插入圖片描述

所以，在css里設置white-space: pre-wrap;就可以啦！
在這里插入圖片描述

看一下最后出來的樣式，是我想要的效果！
在這里插入圖片描述

原文鏈接：https://blog.csdn.net/changyana/article/details/128404766