在 html 中对齐包装的文本答案

【问题标题】：Justify wrapped text in html在 html 中对齐包装的文本
【发布时间】：2012-07-17 00:09:01
【问题描述】：

我正在尝试使用以下方法对字段进行左对齐：

 <TD ALIGN="left" WIDTH="20%" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#PrimaryKeyValues#</TD>    </div>

但是，当文本太大时，它会被环绕，并且被环绕的文本不会从同一位置开始。

    PRODUCT_ID:1(Indirect Auto Retail),PREVIOUSLY_LOGGED_FLG:1,
EVALUATOR_ID:65(Product Test),DECISION_ID:1(APPCOND)
    PRODUCT_ID:1(Indirect Auto Retail),PREVIOUSLY_LOGGED_FLG:1,
EVALUATOR_ID:65(Product Test),DECISION_ID:1(APPCOND)
    USER_ID:PTKIM  
    USER_ID:PTKIM

希望上面的文本示例显示正在发生的事情

【问题讨论】：

为了将来参考html问题，请尝试在cssdesk.com或jsfiddle.net用最少的代码重新创建问题
td 内容默认左对齐。您似乎正试图通过添加间距来防止。请说明你想要什么，并用一个真实的例子来说明它。

标签： html text formatting alignment

【解决方案1】：

永远不要使用（非中断或其他）空格“对齐”文本。只需对text-align、text-wrap 等使用 CSS 属性即可。有关更多信息，请查看 CSS Text。

【讨论】：

同意。这只会以泪水告终！
另外，规范说 html 元素应该是小写的。
@starbeamrainbowlabs 约定（或推荐）将它们写成小写。 AFAIK HTML 不区分大小写 (as opposed to XHTML): dev.w3.org/html5/html-author "在 XHTML 中，标签名称区分大小写，通常定义为小写。然而，在 HTML 中，标签名称不区分大小写，并且可以全部写入大写或混合大小写，虽然最常见的约定是坚持小写。开始和结束标记的大小写不必相同，但保持一致确实会使代码看起来更干净。”
你是对的，不间断的空格是邪恶的。删除它们会自动对齐。

【解决方案2】：

您不能为此使用 CSS 吗？所有这些不间断的空间看起来都很吓人！

<TD ALIGN="left" WIDTH="20%" style="text-align: justify">#PrimaryKeyValues#</TD>

http://www.w3schools.com/cssref/pr_text_text-align.asp

或者，如果你只想缩进：

<TD ALIGN="left" WIDTH="20%" style="text-indent: 20px">#PrimaryKeyValues#</TD>

这有帮助吗？

谢谢，迈克尔。

【讨论】：