CSS实现文本两端对齐效果

机构:上海内威培训 时间:2016-02-15 点击:572

  让一行内的文字两端对齐显示,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元素。

  实例:

  原效果:

  上海内威职业技能培训学校是一所在上海市人力资源和社会保障局主管下,以Computer类技能培训为特色的社会力量办学机构,办学层次较高。学校目前所开设的培训项目均是市场最紧缺的项目,能极大地满足广大学员的培训要求,且大多数项目享受政府补贴。

  两端对齐后产效果:

  上海内威职业技能培训学校是一所在上海市人力资源和社会保障局主管下,以Computer类技能培训为特色的社会力量办学机构,办学层次较高。学校目前所开设的培训项目均是市场最紧缺的项目,能极大地满足广大学员的培训要求,且大多数项目享受政府补贴。

  了解更多关于数据库方面的知识。请访问上海数据库培训学校

返回顶部