Question

css+div，文字下方的虚线怎么调宽度？

ul{
padding:0px;margin:0;list-style:none; width:aoto; font-size:12px;
}
li{
height:12px;line-height:12px;border-bottom:1px dotted #999999; margin-bottom:5px; padding-left:10px;
}下划线怎么才能和文字一样长

Answer 1

<li>标记是是块元素..所以你设置的 border-bottom会比文字要长 可以在<li>中把内部的文字外加一个标签. html为:<ul> <li><span>文字 </span><li> <li><span>文字 </span><li></ul> css样式: ul{
padding:0px;margin:0;list-style:none; width:aoto; font-size:12px;
}
li{
height:12px;line-height:12px;margin-bottom:5px; padding-left:10px;
}li span{border-bottom:1px dotted #999999; } 具体的样式效果还需调整.

Answer 2

这个用法是常见的用法，即不管每行文字多长，每行文字下面的虚线总是等长。如果想虚线和文字一样长，则border-bottom样式应该加到a标签上，但这样我觉得不太好看。

Answer 3

你想和文字等长怎么不设置下划线呢.......text-decoration:underline;