Обеспечить автоматический перенос длинных символов (например, URL-адресов и адресов электронной почты). Цель: Обеспечить автоматический перенос очень длинных строк, но не разрывать короткие слова посередине.
Вот как:
- <стиль>
- div {
- ширина: 300 пикселей; переполнение: скрыто;/* для FF, Opera фиксированная ширина, скрыть дополнительные символы */
- word-wrap:break-word;word-break:normal;/* для IE, Safari поддерживает автоматический перенос строк*/
- }
- </ стиль >
|
Вы можете запустить следующий код в IE, Firefox, Opera и Safari соответственно, чтобы увидеть:
- < стиль тип = "текст/css" >
- div {ширина: 200 пикселей; фон: красный; переполнение: скрытый; перенос слов: разрыв слова; разрыв слова: нормальный;}
- </ стиль >
- <div> поздравляю
- Переносите длинные символы (например, URL-адреса и адреса электронной почты):
- http://www.div-css.com/html/standard/base/81857.html
- SDFG В НЕКОТОРЫХ словах есть пробелы...
- XXXXXXXXXXXXDGXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxпробел: nowrap
- Некоторые китайские шрифты Некоторые китайские шрифты Некоторые китайские шрифты Некоторые китайские шрифты Некоторые китайские шрифты Некоторые китайские шрифты могут не переноситься
- Веб-стандартизация < a href = "http://www.div-css.com" _fcksaveurl = "http://www.div-css.com" > www.div-css.com </ a >
- Китайские иероглифы Китайские иероглифы Китайские иероглифы Китайские английские иероглифы Китайские иероглифы Китайские английские иероглифы Китайские английские иероглифы Китайские английские иероглифы Китайские английские иероглифы Китайские английские иероглифы Китайские английские иероглифы Китайские английские иероглифы
- </div>
|
Кроме того, что касается метода использования JS в Интернете для автоматического переноса длинных строк в Firefox, он не рекомендуется. Причина в том, что строка, полученная после переноса, больше не является исходной строкой, например, если это ссылка. адрес. Если вы скопируете его еще раз, вы больше не получите исходный адрес, а посередине будет пробел. Это уже другая ссылка.
