如果需要，如何停止溢出文本并使其成为多行？

Question

处的过滤器

http://www.carsguide.com.au/news-reviews-search/?keywords=bmw&search-option=http%3A%2F%2Fwww.carsguide.com.au%2Fnews-reviews-search%2F

在Chrome和FF的左侧溢出。而不是为那里的文本设置固定的宽度，有更好的方法吗？

如果需要，如何停止溢出文本并使其成为多行？如果它转到几行，那么我希望它旁边的数字是垂直居中的....？

Answer 1

要停止溢出的文字，请在word-wrap: break-word;代码

上添加<a>

Answer 2

您必须将word-wrap:break-word;设置为您的链接，将此样式添加到样式表中：

.d a {
    word-wrap:break-word;
}

Answer 3

请尝试使用this链接或以下代码段。

.breakWord120  
{  
   max-width: 120px !important;  
   word-break: break-all !important;  
   word-wrap: break-word !important;  
   vertical-align: top;  
   line-height: 15px;  
}  

Answer 4

将position: relative提交给.refinement li

将position: absolute; right: 0; top: 50%; margin-top: -9px;提交给.expanded ol a em

将max-width: 171px;提交给.expanded ol a

尝试在CSS上方应用。

Answer 5

尝试以下代码

.expanded ol a

{

color: #666666;
display: block;
padding: 0 0.5em;
text-decoration: none;
word-wrap: break-word;

}