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

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

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

最终效果图:

使用div绘制竖线的优点是垂直居中更容易实现,竖线长度宽度都方便设置,(也试过直接用文字输入一条竖线,但是垂直方向总是无法居中)。

以此类推,如果想绘制一条水平线,那么就只给div设置上边框(或者下边框)。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐