text-align-last

text-align-last CSS 属性设置块的最后一行或强制换行之前的行如何对齐。

试一试

语法

css

/* Keyword values */
text-align-last: auto;
text-align-last: start;
text-align-last: end;
text-align-last: left;
text-align-last: right;
text-align-last: center;
text-align-last: justify;

/* Global values */
text-align-last: inherit;
text-align-last: initial;
text-align-last: revert;
text-align-last: revert-layer;
text-align-last: unset;

值

auto: 受影响的行将根据 text-align 的值进行对齐，除非 text-align 为 justify，在这种情况下，效果与将 text-align-last 设置为 start 相同。
start: 如果方向为从左到右，则与 left 相同；如果方向为从右到左，则与 right 相同。
end: 如果方向为从左到右，则与 right 相同；如果方向为从右到左，则与 left 相同。
left: 内联内容将对齐到行框的左边缘。
right: 内联内容将对齐到行框的右边缘。
center: 内联内容将在行框内居中。
justify: 文本将对齐。文本的左边缘和右边缘应与段落的左右内容边缘对齐。

正式定义

初始值	`auto`
适用于	块容器
继承	是
计算值	如指定
动画类型	离散

正式语法

text-align-last = 
  auto          |
  start         |
  end           |
  left          |
  right         |
  center        |
  justify       |
  match-parent

示例

对齐最后一行

<p>
  Integer elementum massa at nulla placerat varius. Suspendisse in libero risus,
  in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque.
  Nullam est eros, suscipit sed dictum quis, accumsan a ligula.
</p>

CSS

css

p {
  font-size: 1.4em;
  text-align: justify;
  text-align-last: center;
}

结果

规范

规范
CSS 文本模块级别 3 # text-align-last-property

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见

text-align