Question

我有一个表格，表格宽度可以是任何数量，具体取决于列数。在特定列中，将使用任何语言的联系人姓名。

在所有其他语言中，单个单词显示为全宽。但是在日语中，单个单词会自动换行。

我想知道背后的确切原因。 enter image description here

<div id="test" style="border:1px solid #ddd; width:200px">
     <h3>    Normal English Language</h3>

    <table class="tbl eng">
        <tr>
            <th>heading1</th>
            <th>Heading2</th>
            <th>Heading3</th>
        </tr>
        <tr>
            <td>accoutrements</td>
            <td>accoutrements</td>
            <td>accoutrements</td>
        </tr>
    </table>
     <h3>    Japaneese Language</h3>

    <table class="tbl jpn">
        <tr>
            <th>Heading1</th>
            <th>Heading2</th>
            <th>Heading3</th>
        </tr>
        <tr>
            <td>わかりません</td>
            <td>わかりません</td>
            <td>の着用</td>
        </tr>
    </table>
</div>

Answer 1

它与日文字符无关，只是文本不适合单元格（它使用第一行来确定大小），分割仅发生在单词上（由空格分隔）。在日语中，这更复杂，因为一个字符可以是一个单词。

http://jsfiddle.net/s6s6fzbp/ 建议使用标头的标签。并使用nowrap来阻止它转到新行。

   <tr>
                <th nowrap>わかりません </th>
                <th>わかりません</th>
                <th>の着用</th>
            </tr>

Answer 2

你可以像上面提到的那样将nowrap添加到td或者个人或者你可以在所有td和ss上使用css，这样他们就可以了将不会像这样包装：

td, th {
    white-space: nowrap;
}

单词不包括表中的日语单词

2 个答案: