博主在尝试使用CSS实现悬停时改变元素字体大小的效果，但遇到了一个问题：当一个列表项的字体大小变化时，其他列表项会因布局调整而下移。代码中使用了`position: absolute`来定位元素，虽然可以防止字体大小变化影响布局，但这导致了文本无法居中。博主推测可能是因为缺少适当的边距导致，但同时也意识到内联元素设置边距可能存在限制。
我想在悬停在元素上时更改字体大小,我遇到的问题是当我移动一个项目时,列表中的其他div向下移动.这是我的代码：
CSS
a{
/* position:absolute */
font-size:16px;
}
a:hover {
color:#0033CC;
font-size:18px;
}
#menu_list{
width:859px;
cursor:pointer;
}
#menu_list li{
width:130px;
height:21px;
display:inline-block;
margin: 0px 0px 0px 0px;
border:1px solid #616261;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family:sans-serif, arial, helvetica;
padding: 10px 10px 10px 10px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold;
text-align: center;
}
HTML
正如你所看到的,我写了一个位置：绝对的元素,这有效,意味着div保持不变,但如果我这样做,我无法弄清楚如何将文本居中.我猜测问题是该元素没有上边距,所以我也试过了,但我想内联元素不可能设置边距,或者我现在没有正确的方法.
7257
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
