竖线竖杠 | before 伪类文字前面的竖线跟文字对齐只能用定位

星空小梦

已于 2024-05-07 14:54:37 修改

阅读量314

点赞数 1

分类专栏： css 文章标签： javascript 前端 html

于 2024-05-07 14:54:05 首次发布

本文链接：https://blog.csdn.net/weixin_50885665/article/details/138532118

版权

css 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<div class="sub-title">招租相关信息</div>





.sub-title {
  font-size: 16px;
  text-align: left;
  color: #314790;
  font-weight: 700;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}

.sub-title::before {
  content: "";
  background-color: #3796ec;
  width: 3px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  border-radius: 3px;
}

下面是错误做法: 14号字体时能对齐 ,调整了字体大小就无法对齐