在td中使用pre标签

Question

我在使用<pre>标签时遇到问题<td>.我有JSF数据表和三列.我需要所有三列包含预格式化的文本.

如果我使用<pre>标签,文本会根据需要预先格式化,但列的宽度会比文本大得多.

我可以通过指定white-space: pre-line;in <pre>标签的样式在css中解决这个问题.但它只适用于Firefox和IE,Chrome忽略了这种风格.

所以我的问题是:有没有办法解决<td>其中包含<pre>标签的宽度？

编辑:

我的css课:

.dt_row {
    height: 8px;
    margin: 3px 3px 3px 3px;
    color: #000000;
    white-space: pre-line;
}

我的数据表:

    <h:dataTable value="#{searchBean.searchResult.concordances}"
                 var="concordance">

        <h:column>
            <pre class="dt_row">
                #{concordance.left}
            </pre>
        </h:column>

        <h:column>
            <pre class="dt_row" style="color: blue;">
                #{concordance.middle}
            </pre>
        </h:column>

        <h:column>
            <pre class="dt_row">
                #{concordance.right}
            </pre>
        </h:column>

    </h:dataTable>

编辑:

我找到了解决方案.<pre>我使用过<code>而不是标记,现在所有数据都完美显示.

Answer 1

该pre元素默认占用100%宽度,即整个可用宽度.但是,在表格单元格中,这与单元格宽度有关,默认情况下,单元格与pre最长行所需的宽度相同.如果不是这种情况,则需要识别导致偏离默认值的代码,并对其进行修改.

例如,如果您width在table元素上设置了属性或属性,则只需删除该设置即可.