如何使用HTML制作一条垂直线?
当前回答
为什么不使用|,这是|的html特殊字符
其他回答
为什么不使用|,这是|的html特殊字符
要使垂直线在中间居中使用:
position: absolute;
left: 50%;
您可以通过简单地使用任何html元素的height / width来绘制一条垂直线。
# verticle-line { 宽度:1 px; 最小高度:400 px; 背景:红色; } < div id = " verticle-line " > < / div >
要在div中创建一条居中的垂直线,我认为你可以使用这段代码。 “容器”可能是100%的宽度,我猜。
div.container { 宽度:400 px; } div.vertical-line { Border-left: 1px solid #808080; 身高:350 px; margin-left:汽车; margin-right:汽车; 宽度:1 px; } < div class = "容器" > < div class = "垂直线”>,< / div > < / div >
我使用了建议的“hr”代码的组合,下面是我的代码:
<hr style="width:0.5px; height:500px; position: absolute; left: 315px;"/>
我只是改变了“左”像素值的值来定位它。(我用竖线来排列网页上的内容,然后我删除了它。)
推荐文章
- 使伸缩项目正确浮动
- 如何取消最大高度?
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何选择在最后一个子元素之前的元素?
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 创建圈div比使用图像更容易的方法?
- 强迫孩子服从父母的弯曲边界在CSS
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在CSS中@apply是什么?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?