如何用css实现一段文字的两端对齐和分散对齐

 

用css实现一段文字的两端对齐和分散对齐代码分享：

<style>

div {

text-align-last:justify;

text-align:justify;

text-justify:distribute-all-lines; // 这行必加，兼容ie浏览器

border: 1px solid red;

width: 150px;

}

</style>

<div>XX最美</div>

结果：

注：必须是文字，如果是数字或者abc这种要用空格分开，否则连一起。

css 基础语法

1、css 规则由两个主要的部分构成：选择器，以及一条或多条声明。

selector {declaration1; declaration2; ... declarationn }

选择器通常是您需要改变样式的 htmL 元素。

2、每条声明由一个属性和一个值组成。

属性（property）是您希望设置的样式属性（style attribute），每个属性有一个值，属性和值被冒号分开。

selector {property: value}

下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。

在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。

h1 {color:red; font-size:14px;}

原文地址：https://www.weidianyuedu.com/content/5320654386819.html