字體樣式的寬度如何進(jìn)行獨(dú)立修復(fù)?
P粉502608799
2023-08-13 19:50:49
<p>有一個水平選單:</p>
<pre class="brush:php;toolbar:false;"><ul>
<li>文本</li>
<li>文本 2</li>
</ul></pre>
<p>當(dāng)使用者點(diǎn)擊其中一個li時,它的字體加粗。因此,li元素的寬度會稍微改變。結(jié)果導(dǎo)致選單跳動。 </p>
<p>如何修復(fù)它,使其不受文字寬度的影響? </p>
你可以使用CSS來防止li寬度的變化,如下所示:
ul li {
width: 150px;
}
這將防止跳動
點(diǎn)贊 +0
P粉502608799