Перевод строк

Тема в разделе "Верстка", создана пользователем Q_BASIC, 7 июн 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Q_BASIC

    Q_BASIC

    Регистр.:
    30 ноя 2013
    Сообщения:
    406
    Симпатии:
    280
    Приветствую,

    Как убрать перевод строк вообще через css?

    Что-бы переносы были только там, где стоит <br />

    Приделал к блоку overflow scrool, полоса прокрутки есть, а слова так-же переносятся.

    Сделал white-space: nowrap, элемент куда-то ушел. За монитор в правую сторону свалил.
     
    Последнее редактирование: 7 июн 2015
  2. leoner

    leoner Постоялец

    Регистр.:
    31 мар 2010
    Сообщения:
    55
    Симпатии:
    15
    Можно попробовать пробелы ставить &nbsp;
     
    Q_BASIC нравится это.
  3. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    182
    Может overflow: scroll; ?
     
  4. funnywheel

    funnywheel WordPress developer

    Регистр.:
    6 авг 2010
    Сообщения:
    245
    Симпатии:
    177
    По тому, что описываете - все верно сделали - http://jsfiddle.net/ytact2da/
    Нужно подробнее глянуть действующий код
     
  5. tovGANs

    tovGANs Создатель

    Регистр.:
    19 июн 2012
    Сообщения:
    38
    Симпатии:
    4
    А какая ширина у родителя и у блока выставлена? Можно попробовать прописать 100%. А так конечно код увидеть бы, чтобы узнать почему не срабатывает
     
  6. marcher145

    marcher145 Писатель

    Регистр.:
    17 мар 2014
    Сообщения:
    5
    Симпатии:
    1
    white-space: nowrap - Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой;

    вместе с тем, добавление тега <br> переносит текст на новую строку.
     
  7. guru31337

    guru31337 Постоялец Нарушитель

    Регистр.:
    8 сен 2012
    Сообщения:
    60
    Симпатии:
    28
    marcher145 всё верно написал - сколько в коде переносов строки ни ставь - на странице это будет одна строка, которая переносится только когда не влезает в отведенный блок. Overflow совместно с nowrap должно работать, смотри внимательнее свой код. Но overflow: scroll выглядит ужасно, не знаю даже где можно использовать, лучше тогда уж писать overflow: hidden... Вот для наглядного примера http://jsfiddle.net/n2q082ta/1/
     
  8. EuRo1985

    EuRo1985 Постоялец

    Регистр.:
    21 апр 2015
    Сообщения:
    99
    Симпатии:
    7
    Присоединюсь к вышесказанному - white-space + overflow должны четко работать. Проблемы где-то с позиционированием элемента.
     
  9. perfectartyshock

    perfectartyshock Создатель

    Регистр.:
    9 сен 2014
    Сообщения:
    32
    Симпатии:
    10
    Я думаю если глянуть на код, то задача быстрее решиться. Если предложенные выше варианты действуют не так как надо, нужно смотреть на каскад, возможно другие свойства влияют на блок и переназначают значения.
     
Статус темы:
Закрыта.