Как предотвратить разрывы строк в японском тексте - PullRequest
Новая
       16

Как предотвратить разрывы строк в японском тексте

0 голосов
/ 08 мая 2019

У меня есть HTML-код 

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

я хочу это встроенное: line 開始 希望 日 но результат:

勤
務
開
始
希
望
101

Я не установил максимальную ширину или какой-либо CSS для тега th. Если не японский, то он работает нормально. Пожалуйста, помогите мне!

1 Ответ

1 голос
/ 08 мая 2019 

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>
...