Кроссбраузерный перенос текста |
15.03.2011 10:29 |
Задача: переносить строки, когда они не помещаются по ширине. Решение: будем использовать кроссбраузерную комбинацию word-wrap и white-space. Замечание: пока свойство word-wrap при валидации на CSS 3 выдает ошибку. Примечание: Свойство white-space влияет на отображение пробелов между словами. .wrap{ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 2.1/3 */ white-space: -moz-pre-wrap !important; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } |