DevShelf

Appearance

text-align ​

描述 ​

text-align CSS 属性设置块元素或表格单元格框中内联级内容的水平对齐方式。这意味着它的工作方式类似于 vertical-align 但在水平方向。

效果展示 ​

语法 ​

css
/* Keyword values */
text-align: start;
text-align: end;
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
text-align: justify-all;
text-align: match-parent;

/* Character-based alignment in a table column */
text-align: ".";
text-align: "." center;

/* Block alignment values (Non-standard syntax) */
text-align: -moz-center;
text-align: -webkit-center;

值 ​

  • start 如果方向是从左到右，则与 left 相同；如果方向是从右到左，则与 right 相同。
  • end 如果方向是从左到右，则与 right 相同；如果方向是从右到左，则与 left 相同。
  • left 内联内容与行框的左边缘对齐。
  • right 内联内容与行框的右边缘对齐。
  • center 内联内容在行框内居中。
  • justify 内联内容是合理的。文本的间距应使其左右边缘与行框的左右边缘对齐（最后一行除外）。
  • justify-all 与 justify 相同，但也强制最后一行对齐。
  • match-parent 与 inherit 类似，但值 start 和 end 是根据父级的 direction 计算的，并替换为适当的 left 或 right 值。
  • <string> 当应用于表格单元格时，指定单元格内容将围绕其对齐的对齐字符。