1、准备一个内容为空的div

2、给div设置宽高,宽度给小一点的值,竖线需要多长,就设置多高

3、只给div设置右边框(或者边框)

最终效果图:

使用div绘制竖线的优点是垂直居中更容易实现,竖线长度宽度都方便设置,(也试过直接用文字输入一条竖线,但是垂直方向总是无法居中)。
以此类推,如果想绘制一条水平线,那么就只给div设置上边框(或者下边框)。
本文介绍了如何利用HTML的div元素来轻松创建垂直和水平线,强调了通过设置div的宽度和高度以及边框来实现线条,并讨论了这种方法在垂直居中和长度调整上的优势。同时,提到了直接使用文本输入线条的局限性。
1、准备一个内容为空的div

2、给div设置宽高,宽度给小一点的值,竖线需要多长,就设置多高

3、只给div设置右边框(或者边框)

最终效果图:

使用div绘制竖线的优点是垂直居中更容易实现,竖线长度宽度都方便设置,(也试过直接用文字输入一条竖线,但是垂直方向总是无法居中)。
以此类推,如果想绘制一条水平线,那么就只给div设置上边框(或者下边框)。
1664

被折叠的 条评论
为什么被折叠?