CSS实现文本两端对齐效果

机构:上海内威培训 时间:2016-01-28 点击:585

  让一行内的文字两端对齐显示,CSS中只需按如下方式设置text-align和text-justify属性即可。

  1)text-align:即text-align:justify;

  2)text-justify:其参数值值及含义为:

  auto:允许浏览器用户代理确定使用的两端对齐法则

  inter-word:通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效

  newspaper:通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式

  distribute:处理空格很像newspaper,适用于东亚文档。尤其是泰国

  distribute-all-lines:两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档

  inter-ideograph:为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格

  注意: text-justify属性只适应于div,hn和p元素。

  实例:

  了解更多关于软件方面的知识,请访问上海软件培训学校

返回顶部