0

我有一个垂直菜单,其中包含“单击此处获取科学名称”项。 在此处输入图像描述

上面hover显示的是

在此处输入图像描述

我需要将黑色背景图像之后的溢出部分放在下一行中(我根本无法增加图像宽度。)。我该如何为此编写样式。

CSS:

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;
}
4

2 回答 2

1

为此,您可以使用word-wrap:break-word;. 像这样写:

p{
 word-wrap:break-word;
}
于 2012-06-19T04:28:16.703 回答
1

在悬停时,您应该明确地将width元素的 设置为等于图像的宽度。

于 2012-06-19T04:38:40.477 回答