Question

你好我是非常新的。我创建了一个网页，其中链接在页面上水平运行。当我将鼠标悬停在每个标题上时，它具有背景颜色。但是，悬停大小是固定大小。我想知道如何根据链接长度让悬停自动调整。 / *在悬停* /

时将链接颜色更改为＃272727

li a:hover
    {
        background-color:#272727;
        max-width:200px;
    }

感谢您的帮助

Answer 1

在我看来，＆＃34; max-width：200px;＆＃34; CSS属性不是必需的。所以试试：

dict.copy()

如果没有指定明确的最大宽度，您的链接元素将调整其父li的宽度。因此，当您在悬停时设置背景颜色时，整个单词将突出显示，没有任何溢出。

但如果你能提供一个小提琴来确认，那真的很有用！

Answer 2

如果没有错，那么我想我得到了你的解决方案。您是问如何在不改变尺寸的情况下在悬停时给出背景颜色，或者在悬停时您可能遇到li尺寸问题，请参阅此fiddle

我使用了正常a tag的填充，并从悬停中删除了修复宽度。所以现在只需更改背景颜色，它将自动应用于文本/链接。如果您遇到任何问题，请告诉我。谢谢

<强> HTML

<div>
   <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">About</a></li>
     <li><a href="#">RESCUES</a></li>
     <li><a href="#">Help</a></li>
     <li><a href="#">VEHICLES</a></li>
     <li><a href="#">VOLUNTEERS</a></li>
     <div style="clear:both;"></div>
   </ul>
</div>

<强> CSS

div{background-color:teal;width:100%;}
li a:hover{background-color:#272727; color:#fff;}
li a{ padding:6px;}
ul li{list-style-type:none;float:left;padding:6px;}
li a {text-decoration:none;}

css根据标题长度更改悬停大小

2 个答案: