如何防止日语文字换行

Question

我有html代码

<tr>
    <th>
      勤務開始希望日
    </th>
    <td>
      <input maxlength="250" type="text">
    </td>
  </tr>

我希望将其内联：勤务开始希望日 但结果是：

  

勤
  务
  开
  始
  希
  望
  日

     

我没有为th标签设置max-width或任何CSS。   如果不是日语，那就可以了。请帮帮我！

Answer 1

table {
  width: 10px;
}

<table>
  <tr>
    <th>
      勤務開始希望日
    </th>
    <th>
      Starting date
    </th>
  </tr>
</table>

如您所见，如果表/列由于某种原因而太窄，则会插入换行符，以使列尽可能窄。英文/拉丁文字仅在空格处打断（或使用非常聪明的连字符插入），因为否则它们将变得不可读。日语/中文文本在堆叠时仍然非常可读，因此可以随时将其破坏。

您要么想防止所有 换行符：

table {
  width: 10px;
}

th {
  white-space: nowrap;
}

<table>
  <tr>
    <th>
      勤務開始希望日
    </th>
    <th>
      Starting date
    </th>
  </tr>
</table>

或者您要强制某个最小宽度：

table {
  width: 10px;
}

th {
  min-width: 4em;
}

<table>
  <tr>
    <th>
      勤務開始希望日
    </th>
    <th>
      Starting date
    </th>
  </tr>
</table>