Как предпочесть оборачивать текст в один столбец, прежде чем разбивать все в другом? - PullRequest
Новая
       33

Как предпочесть оборачивать текст в один столбец, прежде чем разбивать все в другом?

0 голосов
/ 28 августа 2018

Наконец, я думаю, что нашел вопрос, который никто точно не задавал раньше. У меня есть таблица с двумя столбцами. Первый столбец может иногда иметь действительно очень длинное слово. Во втором столбце всегда много коротких слов, которые хорошо переносятся. Если я применяю слово-разрыв: ломать-все к первому столбцу, а затем сжимаю окно браузера, столбцы остаются равными 50/50, когда я предпочитаю переносить все короткие слова во втором столбце перед выполнением уродливого переноса всех строк. первый столбец. 

<table>
  <tr>
    <td style="word-break:break-all;">reallyreallyreallyreallylongword</td>
    <td>Here are a lot of short words that wrap nicely</td>
  </tr>
</table>

Мне нужно обернуть все возможные обертываемые слова во все столбцы, прежде чем прибегнуть к уродливому прорыву, но все же прибегнуть к нему в качестве крайней меры, чтобы предотвратить переполнение. Неважно, какие столбцы в конечном итоге шире.

1 Ответ

0 голосов
/ 28 августа 2018

Таким образом, если вы дадите двум столбцам ширину в процентах, причем один столбец будет больше другого, для более крупного столбца потребуется больше времени, прежде чем он начнет сокращать текст.

EG: 

    <table>
      <tr>
         <td class="widecolumn">reallyreallyreallyreallylongword</td>
         <td class="smallcolumn">Here are a lot of short words that wrap nicely</td>
      </tr>
    </table>

    table {
      max-width:1000px;
      width:100%;
    }

    td {
      word-break:break-all;
    }
    td.widecolumn {
      width:65%;  
    }
    td.smallcolumn {
      width:35%;
    }

рабочий пример: https://codepen.io/FEARtheMoose/pen/XPKPNZ

...