如何按每个元素单元划分线

时间:2009-07-12 13:00:23

标签: html css

我指定的宽度中的元素部分处于当前状态,  它开始了新的路线。 如何按每个元素单位划分

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>no title document</title>
<style type="text/css">
<!--
.sample {
    width: 220px;
}
-->
</style>
</head>
<body>
<div class="sample">
<a href="#">aaaa</a>
<a href="#">bbbb</a>
<a href="#">cc</a>
<a href="#">ddddd</a>
<a href="#">eee</a>
<a href="#">fff</a>
</div>
</body>
</html>

4 个答案:

答案 0 :(得分:2)

display: block使用<a>

<!--
    .sample {
        width: 220px;
    }

    .sample a {
        display: block;
    }
-->

答案 1 :(得分:1)

不确定这是不是您的意思,但您可以使用<br/>代码

<body>
<div class="sample">
<a href="#">aaaa</a><br/>
<a href="#">bbbb</a><br/>
<a href="#">cc</a><br/>
<a href="#">ddddd</a><br/>
<a href="#">eee</a><br/>
<a href="#">fff</a><br/>
</div>

答案 2 :(得分:1)

使用无序列表而不是这个!     

             
  • 元素
  •          
  • 元素
  •          
  • 元素
  •          
  • 元素
  •     

如果您明确想要换行,请标记br,或将display:block css参数设置为'a'标记。

.sample a{
      display: block;
}

答案 3 :(得分:0)

<a>元素转换为块。除非浮动,否则块元素将会中断。

将此添加到CSS或样式中:

a { display: block; }