К блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block
Процентная запись
Неприменима
Версии CSS
CSS 1
CSS 2
CSS 2.1
CSS 3
Описание
Задает оптимальную ширину колонки в многоколоночном тексте. Реальная ширина колонки может быть больше введенного значения, сокращение указанной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну колонку.
Синтаксис
-moz-column-width: <значение> | auto
Значения
<значение>
Значение ширины колонки в абсолютных единицах CSS (например, пикселах).
auto
Ширина колонок вычисляется автоматически на основе других свойств (-moz-column-count, -moz-column-gap).
Пример
HTML5CSS2.1CSS3IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>-moz-column-width</title>
<style>
.book {
-moz-column-count: 3;
-moz-column-width: 200px;
}
</style>
</head>
<body>
<div class="book">
<p>1. Lorem ipsum dolor sit amet consectetuer rutrum Aliquam et Maecenas
malesuada. Sem vitae tempus Curabitur condimentum velit pellentesque
nibh mauris et Vivamus. Curabitur pede vitae vitae mollis mauris
elit justo mauris Vestibulum interdum. Feugiat Ut condimentum
tincidunt Maecenas mauris sodales eleifend Mauris sapien felis.
Auctor elit penatibus convallis Ut magnis fames sem sed laoreet
vitae. Tempus Vivamus tellus commodo.</p>
<p>2. Curabitur pulvinar pretium adipiscing Pellentesque Curabitur nonummy
quis ipsum porttitor Sed. In Ut ipsum a Pellentesque eu Nam Nam rutrum
dignissim faucibus. Nec consectetuer aliquet convallis ipsum ipsum
tempor sapien Quisque nibh interdum. Nam pede et consectetuer Lorem
convallis et turpis dolor fringilla Vestibulum. Sed orci et Vestibulum
leo adipiscing justo Quisque Vestibulum urna risus. Magnis tristique et
Duis neque consequat turpis Sed Duis convallis Morbi. Eros sed.</p>
<p>3. Sed Cum In enim Ut dolor justo dolor enim wisi orci. Convallis
enim a in justo et orci dolor Curabitur quis eget. Nulla justo semper
scelerisque semper dictumst et interdum eu quis eget. Laoreet leo porta
Cras et id eros felis metus et dictumst. Eu ac facilisi tincidunt dui
Nam Quisque consectetuer fermentum leo fames. Laoreet amet Nam
sollicitudin tincidunt sed fames interdum accumsan tempus vitae.</p>
</div>
</body>
</html>
Это интересно
Из исследования, проведённого и представленного Яндексом в 2009-ом году: В индексе «Яндекса» хранится 140 тысяч гигабайт текстовых данных (или 2,3 триллиона слов); если всё это распечатать, выйдет состоящий из 10,5 миллиарда страниц куб высотой с девятиэтажный дом. Каждая четвёртая веб-страница, хоть и содержит текст, бесполезна (является поисковым спамом). 56% сайтов состоят лишь из одной страницы, 88% информации сконцентрировано менее чем в одном проценте сайтов.