html中竖线分隔符怎么设定

html-css010

html中竖线分隔符怎么设定,第1张

你好!html里是没有自带的中竖线分隔符,但是你可以用div+CSS制作出一个,也就是用边框线来拉一个出来,宽高度由你自己定。参考如下:

<div style="height:100pxwidth:1pxborder-left:1px #000 solid"></div>

希望我这样的回答能帮到你。

<div class="line"></div> .line{

    margin:0 auto

    border-bottom:1px solid #ccc

    width:90%

}

前提是外边容器要有固定宽度,否则布局中

这个应该不是分割线。

如果是两条分割线,设置属性display:inline-block.

例子:

<div style=" width:100%text-align:center"> //设置居中

<hr style=" width:20%display:inline-block" /> 中间插入的文字<hr style=" width:20%display:inline-block" />

</div>