Question

如何让<a>标签里的内容超过宽度时自动换行?

比如:
<div style="width:100px">
<ul>
<li>
<a>testtesttesttesttesttesttesttesttesttesttest</a>
</li>
</ul>
</div>

<a>里面的内容太长超过100px时不会换行.而是强行把宽度拉宽了.
请问这个该怎么办?

Answer 1

1. 把<a>标签变成block

2. 设定高度和宽度

3. 再来个wrap就可以了。

   因此具体的css样式写法是这样的

a{

display:block;

height:20px;

width:20px;

text-wrap:normal;

}

Answer 2

用word-wrap:break-word;这个样式就好了，你在a标签的CSS里面写一个这个就OK了！

Answer 3

<div style="width:100px;word-wrap:break-word;">
<ul>
<li>
<a>testtesttesttesttesttesttesttesttesttesttest</a>
</li>
</ul>
</div>

Answer 4

默认的就是超出宽度自动换行啊，你看是不是有样式控制a标签了。

Answer 5

在里面嵌一个单行的表格 或者给它加个size属性限制下宽度