Skip to main content

行内元素对齐 text-align

Docs

text-align - CSS | MDN (mozilla.org)

text-align CSS 属性定义行内内容（例如文字）如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐，只控制它的行内内容的对齐。

  • text-align: 直接翻译过来设置文本的对齐方式;
  • MDN: 定义行内内容（例如文字）如何相对它的块父元素对齐;
  • 常用的值
    • left：行内内容向左侧边对齐。
    • right：行内内容向右侧边对齐。
    • center：行内内容居中。
    • justify：文字向两侧对齐，对最后一行无效。
  • W3C 中的解释：The text-align property describes how inline-level content of a block container is aligned.
<p class="left">
  <span class="keyword">Left:</span>
  海南。冬天最舒服的旅行目的地应该有海南。到热带的岛屿过冬，是冬季旅游的很好选项。海南岛的旅游资源丰富，可以去星级酒店超多，可度假可购物的三亚；也可以去新晋网红地万宁；或者干脆来个环岛游，把海南所有好玩的地方都一网打尽。另外，海南还有着丰富的美食文化，从文昌鸡、椰子鸡，到各种生猛海鲜、热带水果，吃货在这里可以享受各种新鲜美味。
</p>
<p class="right">
  <span class="keyword">Right: </span>
  西双版纳。由于地处热带，西双版纳一年四季都非常温暖舒适，即便是在一月的深冬，那里也是鸟语花香，是冬季旅行的好选择。
  这里有各种珍稀的热带珍奇，还有中原不可多见的异域风景。
</p>
<p class="center">
  <span class="keyword">Center: </span>
  腾冲。腾冲是一个十分适合冬天来的城市，因为它的附近有大量休眠火山。所以冬天可以到腾冲泡个温泉，驱散一下冬天的寒意。顺便坐个热气球看看火山。
</p>
<p class="justifyZh">
  <span class="keyword">Justify: </span>
  哈尔滨。要去看极致的冬天，那么哈尔滨也必定是一个选择。冰城哈尔滨，最好的旅游季节当然是冬季了。这是一个到处都能感受到俄罗斯风情的城市，在中央大街，周围都是令人愉悦的美食和风景。作为哈尔滨最大的旅游名片，冰雪大世界是必去的景点，在晚上游历灯光异彩的冰世界，置身在水晶的童话城堡里，将会是一次特别的经验。
</p>
<p class="justifyUs">
  <span class="keyword">Justify: </span>
  It is exciting to visit different places.As you travel, you will see beautiful sceneries typical of the
  region.Besides, you can meet and make friends with people of different colors and races.Finally, you can get to know
  the customs and living habits of the local people.Today people are so fond of travelling that tourism has become one
  of the faster growing industries in most countries.
</p>
http://localhost:3000/text-align.html

Left:海南。冬天最舒服的旅行目的地应该有海南。到热带的岛屿过冬，是冬季旅游的很好选项。海南岛的旅游资源丰富，可以去星级酒店超多，可度假可购物的三亚；也可以去新晋网红地万宁；或者干脆来个环岛游，把海南所有好玩的地方都一网打尽。另外，海南还有着丰富的美食文化，从文昌鸡、椰子鸡，到各种生猛海鲜、热带水果，吃货在这里可以享受各种新鲜美味。

Right: 西双版纳。由于地处热带，西双版纳一年四季都非常温暖舒适，即便是在一月的深冬，那里也是鸟语花香，是冬季旅行的好选择。 这里有各种珍稀的热带珍奇，还有中原不可多见的异域风景。

Center: 腾冲。腾冲是一个十分适合冬天来的城市，因为它的附近有大量休眠火山。所以冬天可以到腾冲泡个温泉，驱散一下冬天的寒意。顺便坐个热气球看看火山。

Justify: 哈尔滨。要去看极致的冬天，那么哈尔滨也必定是一个选择。冰城哈尔滨，最好的旅游季节当然是冬季了。这是一个到处都能感受到俄罗斯风情的城市，在中央大街，周围都是令人愉悦的美食和风景。作为哈尔滨最大的旅游名片，冰雪大世界是必去的景点，在晚上游历灯光异彩的冰世界，置身在水晶的童话城堡里，将会是一次特别的经验。

Justify: It is exciting to visit different places.As you travel, you will see beautiful sceneries typical of the region.Besides, you can meet and make friends with people of different colors and races.Finally, you can get to know the customs and living habits of the local people.Today people are so fond of travelling that tourism has become one of the faster growing industries in most countries.