2013-12-09 2 views
1

Можно ли добавить тег, похожий на тег <br>, который не нарушает текст сразу, но только при изменении размера браузера и его необходимо? Итак, чтобы создать точку, в которой линия ломается, когда она изменяется на меньшее окно браузера?<br> тег альтернативный для разбивки текстовой строки

+1

Я не понимаю. Текст обертывается без дополнительной разметки. – isherwood

+0

Можете ли вы опубликовать HTML-код, который вам неприятен? То, что вы описываете, является поведением по умолчанию, но его можно перезаписать с помощью 'float: left' и/или' white-space: nowrap'. – Joe

+0

Извините, объясните, пожалуйста, вкратце. Например, –

ответ

2

Существует способ, чтобы сказать, где тест должен не разрыв, используя неразрывные пробелы в коде (HTML-код &nbsp;) или с помощью свойства CSS text-wrap: none; для определенной части документа.

Используя один или два метода, вы можете сказать, где ваш текст будет разбит на предмет обертывания (используйте элемент html span для технологии css), но он будет немного уродлив и не очень полезен в большинстве случаев, и я не рекомендовал бы это, если у вас нет веских оснований для этого.

+1

Свойство «text-wrap» находится только на уровне черновика. Стандартный способ предотвращения прерывания строк - это «белое пространство: nowrap». –

-1

Обычно я использую таблицы, которые изменяют размер. Когда на страницу изменяется размер, обертка текста обычно отлично подходит для этого в html.

+0

Таблицы не должны использоваться для компоновки. – isherwood

0

Можно, конечно, использовать медиа-запросы будут отображаться только разрыв строки ниже определенного размера экрана:

http://jsfiddle.net/isherwood/hRL4S

br.my-class {display: none} 

@media (max-width: 800px) { 
    br.my-class {display: inline-block; 
}