在span标签内对齐文本

Question

我有一个像这样的标记

<div><span>My name is</span><span>ABC</span></div>

如何将这段文本整行对齐？

- Anant

Answer 1

<div style="text-align: justify"><span>My name is</span><span>ABC</span></div>

很简单，这些spans不会打破文字对齐。如果文本只有一行，则无法将其整齐地对齐在整行上。同样，段落的最后一行也不能在整个行上进行对齐。

- animuson

---

这对我来说非常有效。我有12个带有长文本的跨度，这个解决方案使我能够很好地对齐它们。 - Ziggler

Answer 2

我的解决方案：

<span style="text-align: justify; display:block;">Your Text</span>

- Marc Juchli

---

这在有多个<span>标签的情况下不太适用。 - Alexis Wilke

在一个范围内的文本效果不错，但对于多个范围则表现较差。 - jojo

谢谢，我有一个问题，为什么你使用了 display: block？ - Ashkan Rahmany

关键是 display:block; - Derzu

Answer 3

可以对一行文本进行对齐，但可能看起来不美观。可以使用 CSS3 的 text-justify 属性实现，这个属性是为亚洲和非拉丁语言添加的。

以下链接描述了这些属性: http://www.w3.org/TR/css3-text/#text-justify

- Dono

---

这是一个以英语为主的网站，因此您链接到的任何资源也应该是英文的。我已将您的链接替换为官方的CSS3草案规范链接。 - Yi Jiang