css文字两端对齐

最新推荐文章于 2024-08-07 15:38:37 发布

青青草原我最胖

最新推荐文章于 2024-08-07 15:38:37 发布

阅读量151

点赞数

文章标签： css css3 html

本文链接：https://blog.csdn.net/m0_46415203/article/details/124864098

版权

文字两端对齐：

html部分：

<div id="text">
    <span>随便写一句话好了</span>
  </div>

style部分：

#text {
    width: 300px;
    background-color: pink;
    display: inline-block;
    text-align: justify;
  }
 /* 一行内容不起作用 所以通过伪类添加一行 */
  #text::after {
    width: 100%;
    display: inline-block;
    content: "";
  }