扫码关注官方订阅号
有一个水平菜单:
<ul> <li>文本</li> <li>文本 2</li> </ul>
当用户点击其中一个li时,它的字体加粗。因此,li元素的宽度会稍微改变。结果导致菜单跳动。
如何修复它,使其不受文本宽度的影响?
你可以使用CSS来防止li宽度的变化,如下所示:
ul li { width: 150px; }
这将防止跳动
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你可以使用CSS来防止li宽度的变化,如下所示:
ul li { width: 150px; }这将防止跳动