Css перенос слов с дефисом: Как сделать перенос слов через дефис в тексте черес CSS? — Хабр Q&A – html — перенос слов по дефису

Используя только CSS, я хочу как перенос слов, так и многоточие, когда контейнер заполняется вертикально. Согласно исследованиям, я могу иметь только многоточие, если white-space: nowrap -что даст…

Я хотел бы ограничить перенос слов по тексту в одном столбце таблицы. В принципе, я хочу, чтобы эквивалент white-space: nowrap на каждой ячейке во втором столбце таблицы. Дело в том, что я не могу…

Я пытаюсь применить перенос слов в ячейку таблицы, но это не работает. Строка обертывается, если имя файла содержит пробел, но если пространства нет, моя таблица выходит из div. Я также пробовал…

Я пытаюсь выяснить, почему перенос слов не работает должным образом на этой странице для класса div: .gce-page-list http://metaphysicalerotica.com/events / Похоже, что тема добавила тег pre и code,…

У меня есть UITextView, который я хотел бы отключить перенос слов, но сохранить перенос символов включен. В принципе, я хотел бы иметь длинную строку 200+ символов, которая все еще обертывается в…

Я пытаюсь сделать wordwrap с любыми символами, используя css . Вот css , что я использую .wordbreak { white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -webkit-pre-wrap;…

В настоящее время у меня есть эта строка RED-CURRENT_FORD-something.something Мне нужно поймать слово между дефисами. В данном случае слово CURRENT_FORD У меня есть следующее написано…

У меня есть таблица с тремя столбцами, и я хочу установить текстовый фон в ячейке на основе длины содержимого. Но когда я устанавливаю float: left, перенос слов не работает хорошо. table {…

Поддерживает ли Monodevelop.texteditor перенос слов? Монодевелоп сам по себе, похоже, не имеет способа включить wordwrap, это правда? Спасибо!

У меня есть div с шириной 250px. Когда внутренний текст шире этого, я хочу, чтобы он сломался. Div-это float: слева и теперь имеет переполнение. Я хочу, чтобы полоса прокрутки исчезла, используя…

html — Как сделать перенос через дефис слов в блоке?

Loading…

2. 0
3. +0
• Тур Начните с этой страницы, чтобы быстро ознакомиться с сайтом
• Справка Подробные ответы на любые возможные вопросы
• Мета Обсудить принципы работы и политику сайта
• О нас Узнать больше о компании Stack Overflow
• Бизнес Узнать больше о поиске разработчиков или рекламе на сайте
6. Войти Регистрация

7. текущее сообщество

   • Stack Overflow на русском справка чат

CSS перенос слов в div

У меня есть div с шириной 250px. Когда внутренний текст шире этого, я хочу, чтобы он сломался. Div-это float: слева и теперь имеет переполнение. Я хочу, чтобы полоса прокрутки исчезла, используя перенос слов. Как я могу этого достичь?

<div>
<div>
    <div>
        <asp:Label runat="server"></asp:Label>
    </div>
    <div>
        <asp:ImageButton runat="server" 
            ImageUrl="Graphics/close.png" 
            BorderWidth="0" ToolTip="Sluit handboek" />
    </div>
</div>
<asp:TreeView runat="server" RootNodeStyle-CssClass="RootNode">
    <Nodes>

    </Nodes>
</asp:TreeView>
</div>

CSS:

#Treeview
{
padding-right: 5px;
width: 250px;
height: 100%;
float: left;
border-right: solid 1px black;
overflow-x: scroll;
}

Поделиться Источник Martijn     02 февраля 2009 в 08:09

7 Ответов

102

Как сказал Эндрю, ваш текст должен быть именно таким.

Есть один пример, который я могу придумать, который будет вести себя так, как вы предлагаете, и это если у вас есть набор свойств whitespace.

Смотрите, если у вас нет следующего в вашем CSS где-нибудь:

white-space: nowrap

Это приведет к тому, что текст будет продолжаться на одной и той же строке до тех пор, пока не будет прерван разрывом строки.

OK, мои извинения, не уверен, что отредактировал или добавил разметку позже (сначала не видел ее).

Свойство overflow-x является причиной появления полосы прокрутки. Удалите это, и div настроится настолько высоко, насколько это необходимо, чтобы содержать весь ваш текст.

Поделиться Jayx     02 февраля 2009 в 08:24

99

Или просто использовать

word-wrap: break-word;

поддерживается в браузерах IE 5.5+, Firefox 3.5+ и WebKit, таких как Chrome и Safari.

Поделиться Jc Figueroa     06 декабря 2011 в 19:16

16

попробуйте white-space:normal; это переопределит наследование white-space:nowrap;

Поделиться gordon     29 марта 2017 в 20:01

7

Довольно трудно сказать определенно, не видя, как выглядит отрисованный html и какие стили применяются к элементам внутри treeview div, но то, что сразу бросается мне в глаза, — это

overflow-x: scroll;

Что произойдет, если вы удалите это?

Поделиться Andrew     02 февраля 2009 в 08:27

3

Вы можете использовать:

overflow-x: auto; 

Если вы установите ‘auto’ в overflow-x, прокрутка будет отображаться только тогда, когда внутренний размер больше, чем область DIV

Поделиться »     04 марта 2009 в 19:51

2

Я немного удивлен, что он не делает этого просто так. Может ли быть еще один элемент внутри div, ширина которого установлена на что-то большее, чем 250?

Поделиться Andrew     02 февраля 2009 в 08:14

1

Установка только ширины и свойств float css позволит получить панель обертывания. Пример following работает просто отлично:

<div>
Pellentesque feugiat tempor elit. Ut mollis lacinia quam. 
Sed pharetra, augue aliquam   ornare vestibulum, metus massa
laoreet tellus, eget iaculis lacus ipsum et diam. 
</div>

Может быть, есть и другие стили, которые изменяют внешний вид?

Поделиться Aleris     02 февраля 2009 в 08:17

Похожие вопросы: