Question

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

为什么这个不可以？

Answer 1

需要准备的材料分别有：电脑、浏览器、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页面，此时一行内的文字实现了两端对齐。

Answer 2

实现：css如何让一行内的文字两端对齐

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

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

2、网页中实现效果：如下图

效果已实现：text-align中的值有很多justify指的是文字两端对齐；

left：文字靠左对齐

right：文字靠右对齐

center：居中对齐

Answer 3

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

margin-left:50%;
left: -width/2;

Answer 4

span+浮动+外边距控制！

Answer 5

text-align:justify;