Обтекание текста столбцами в div

Как я могу обернуть текст внутри одного div тремя столбцами? Я пробовал это, но не работал.Обтекание текста столбцами в div

<pre> 
    #about-text{float:left;word-wrap:break-word;width:100px;height:150px;} 
</pre>

Example

источник

2013-05-02 user2293004

Как выглядит ваша разметка и готовы ли вы добавить дополнительные элементы? Я не уверен, что вы ожидали от этого кода для _actually_, но посмотрите [CSS Columns] (http://davidwalsh.name/css-columns), и это [поддержка браузера] (http://caniuse.com/multicolumn). –

смотрите здесь http://stackoverflow.com/questions/16326418/alignment-of-2-columns-of-text/16326586#16326586 – Sachin

#about-text{ 
    width:700px; 
    height:200px; 
    -webkit-column-count: 3; 
     -moz-column-count: 3; 
      column-count: 3; 
    -webkit-column-gap: 10px; 
    -moz-column-gap: 10px; 
      column-gap: 10px; 
}

Демонстрационный: http://jsfiddle.net/mwY5u/

Подробнее о columns

источник

2013-05-02 23:01:04

style="word-break: break-all;"

Используйте слово перерыв, чтобы разбить текст над

источник

2016-02-24 10:00:46

ответ

Смежные вопросы