如何使用HTML制作一条垂直线?
当前回答
在你想要应用竖行的Previous元素中,你可以设置CSS…
border-right-width: thin;
border-right-color: black;
border-right-style: solid;
其他回答
要添加一条垂直线,你需要样式一个hr。
现在,当你画一条垂直线时,它会出现在页面的中间:
<hr style="width:0.5px;height:500px;"/>
现在把它放在你想要的地方,你可以使用下面的代码:
<hr style="width:0.5px;height:500px;margin-left:-500px;margin-right:500px;"/>
这将把它定位到左边,你可以把它反向定位到右边。
您可以通过简单地使用任何html元素的height / width来绘制一条垂直线。
# verticle-line { 宽度:1 px; 最小高度:400 px; 背景:红色; } < div id = " verticle-line " > < / div >
只需使用UTF-8杂项符号之一
The & # 124;
& # x7C;
这就是你所需要的,并且它与所有浏览器兼容。
回头谢谢我。
您可以使用水平规则标记来创建垂直线。
<hr width="1" size="500" style="0 auto" />
通过使用最小的宽度和大的尺寸,水平规则变成了垂直规则。
另一种选择是使用1像素的图像,并设置高度-这个选项将允许您将其浮动到您需要的位置。
但这不是最优雅的解决方案。
推荐文章
- 在CSS中@apply是什么?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 设备像素比到底是什么?
- 我如何做一个半透明的背景?
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在CSS网格布局中等高行
- $(window).width()与媒体查询不一样
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击
- 如何以及在哪里使用::ng-deep?