0

У меня есть некоторые элементы на странице, ширина которых слишком мала, чтобы уместить слово. В итоге получается такая ерунда:

alt text

Мне надо расширить этот элемент так, чтобы в нём небыло разрывов. Т.е.:

alt text

p.s. ширина фиксированная, задаётся в px

3
  • можно кусок кода?, В моем div-е все отлично расширяется до одного слова.
    – IVsevolod
    15 авг 2013 в 12:45
  • @IVsevolod по максимуму сохранил оригинальное: jsfiddle.net/SdPSW
    – kandi
    15 авг 2013 в 12:58
  • @danpetruk лады, сейчас помучаю код :)
    – IVsevolod
    15 авг 2013 в 13:16

2 ответа 2

4

Как на счет такого, немного костыль, но все же: ссылка

<div><span>ВЕЧЕРНИЕ НОВОСТИ</span></div>

div {
    width: 1px;
}
span {  
    display:inline-block;
    word-break: normal;
}

т.е. основная ширина будет у span-а )

0

вот css word-wrap: normal

div {
  width: 30px;
  word-wrap: normal !important;
}
<div>Вечерние носки</div>

2
  • Есть проблема: текст лишь вылезет за рамки, но div не расширится. jsfiddle.net/FXwsU
    – kandi
    15 авг 2013 в 12:54
  • 1
    так вы же ее сами задаете
    – GreenBanan
    15 авг 2013 в 13:06

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.