css 怎么能让一段字向左右对齐吗

html-css016

css 怎么能让一段字向左右对齐吗,第1张

css3的样式属性；display: flexjustify-content: space-between两端对齐。低版本浏览器不支持。

可以用左右浮动实现（float:left&right）。

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

不知道你遇到的问题是不是 float右对齐的问题:

在设置右对齐显示的时候，我们通常会遇到，右对齐的元素会换行，这样就会出现左右元素不在同一条线上，我们可以通过以下方式来解决这个问题：

第一种解决办法：把左右对换，比如把日期放在标题的前面，对调一下就好了。

第二种解决办法：给右边也加上FLOAT:RIGHT。

CSS float定义和用法 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄.

Float常跟属性值left、right、none

Float:none 不使用浮动

Float:left 靠左浮动

Float:right 靠右浮动

参考资料： http://www.studyofnet.com/news/7.html

希望以上的回答能够帮到你