我有一个垂直菜单,其中包含“点击此处获取科学名称”项目。
在hover
上显示为
我需要在黑色背景图像处于下一行之后获得溢出部分(我根本无法增加图像宽度)。我怎样才能为此写出风格。
css:
on hover
{
display: block;
background: url('/../.png') no-repeat 0px 2px #2F2F31;
text-decoration: none;
color:..;
}
这是
<td>
<div id="first">
<ul id="second">
<li><a href="">Click here to get the scientific name</a>
和css:
#first {
display: block;
width: 180px;
min-height: 50px;
float: left;
}
ul#second {
display: block;
clear: both;
margin: 50px 0px 12px 0px;
border-bottom: 1px solid
#C8C8C8;
}
ul#second li {
border-top: 1px solid
#C8C8C8;
padding: 0px;
display: block;
}
ul#second li a {
color:
#004C8E;
margin: 4px 0px 4px 0px;
padding: 4px 0px 4px 12px;
display: block;
text-decoration: none;
font-size: 12px;
background: url('/../.png') no-repeat 0px 2px;
}
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background:
transparent;
}
答案 0 :(得分:1)
对此你可以使用word-wrap:break-word;
。写得像这样:
p{
word-wrap:break-word;
}
答案 1 :(得分:1)
在悬停时,您应该明确将元素的width
设置为等于图像的宽度。