在课堂上对齐辩护不工作

Question

对于一个非常简单的问题，我确信这是一个非常明显的解决办法，但我似乎无法看到它。我正在尝试在我的内联css中定义class，通常会在<span class="padl18">...</span>标记中使用，以便将文本缩进18，将text-align:justify缩进为：

.padl18{padding-left:18; text-align:justify;}

缩进工作正常，但span标记中包含的结果文本左对齐而不是对齐。

我的另一个class定义：

.pvi{margin-left:1em; margin-right:1em; text-align:justify;}

确实是对齐的，所以我不确定会有什么障碍，如果有人可以帮助gosias。

Answer 1

我想我已经找到了这个问题。 text-align: justify需要具有固定宽度的块级元素。如果您将课程padl18应用于<span>元素，那么它将无法正常工作。

所以，要修复它，你需要让你的CSS看起来像这样：

.padl118 {
    padding-left: 18px; /* must include a unit such as px */
    text-align: justify;
    display: block; /* a <span> is inline by default */
    width: 200px; /* set any width, such as 200px, 3em, 100% etc */
}

这个JSFiddle显示了行动：

http://jsfiddle.net/Mm2xe/4/

希望这有帮助。