css如何让一行内的文字两端对齐？

css如何让一行内的文字两端对齐？

text-align:justify;2009-02-20

需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：
div{
border: 1px solid blue;
width: 300px;
text-align: justify;
}
div:after {
display: inline-block;
width: 100%;
content: '';
}

3、浏览器运行index.html页面，此时一行内的文字实现了两端对齐。

2019-07-11

实现：css如何让一行内的文字两端对齐
1、打开DW软件建立一样样式取名div1，实现文字两端对齐主要css属性text-align:justify;如下图：

详解：text-align中的值有很多justify指的是文字两端对齐；为了更好的浏览效果，设置一个宽度为200px高100px的区域，背景色background-color:#OCF;蓝色；最后在div中引用此样式
2、网页中实现效果：如下图

效果已实现：text-align中的值有很多justify指的是文字两端对齐；
left：文字靠左对齐
right：文字靠右对齐
center：居中对齐
2015-11-09

这不就是“固定宽度且居中”的变体设计嘛，

margin-left:50%;
left: -width/2;2009-02-20

span+浮动+外边距控制！2009-02-20

什么意思2009-02-20