字体两边对齐

有蝉

已于 2022-03-17 16:09:21 修改

阅读量311

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css 字体两边对齐

于 2019-08-13 14:34:19 首次发布

本文链接：https://blog.youkuaiyun.com/qq_37899792/article/details/99433386

css 专栏收录该内容

27 篇文章

订阅专栏

 <div class="item">
     <span class="label">姓名</span>：
     <span class="value">呵呵</span>
</div>
<div class="item">
     <span class="label">出生日期</span>：
     <span class="value">25他</span>
</div>


<style>

.item {
    margin-bottom: 8px;
    .label {
      display: inline-block;
      height: 100%;
      width: 100px;
      text-align: justify;
      text-align-last: justify;
    }
    .value {
      padding-right: 10px;
    }
  }
</style>