Переполнение в теге div не работает -- html пол Связанный проблема

Overflow in div tag doesn't work


0
vote

проблема

русский

У меня есть тег DIV с фиксированной шириной. Теперь я хочу, что если есть состояние переполнения, то текст должен перейти на следующую строку автоматически. Я использовал переполнение: авто, но его дает горизонтальную полосу прокрутки.

Мой код:

 <код>  <div id="header_area">     <div class="leftAlign" style="float:left;width:70%;padding:3px;">         BMT-DTL-CUSTOMER     <div class="rightAlign" style="float:left:width:30%;padding:3px;color:#FFFF00;overflow:block;">         Version 1.1     </div>   </div>   
Английский оригинал

I have a div tag with fixed width. Now i want that if there is a condition of overflow then text should go to next line automatically. I used overflow:auto but its giving a horizontal scroll bar.

My code is:

 <div id="header_area">     <div class="leftAlign" style="float:left;width:70%;padding:3px;">         BMT-DTL-CUSTOMER     <div class="rightAlign" style="float:left:width:30%;padding:3px;color:#FFFF00;overflow:block;">         Version 1.1     </div>   </div> 
</div
  
   
   

Список ответов

0
 
vote
vote
Лучший ответ
 

Один меток div не закрыт, кроме того, для меня ваш код кажется хорошим для меня. Я думаю, что проблема может быть с внешними контейнерами. Пожалуйста, проверьте ширину наружных контейнеров, могут быть внешние контейнеры имеют меньше ширины, чем внутренние контейнеры.

 

One div tag is not closed, Other than that your code seems fine to me. I think the problem may be with the Outer Containers. Please check the width of outer containers, may be outer containers have lesser width than inner containers.

</div
 
 

Связанный проблема

3  Применять курсивый стиль на символ трубы  ( Apply italic style to a pipe symbol ) 
Я пытаюсь сделать символ трубы <код> italic Но он не работает там, где другие шрифты отображаются как курсив, я делаю ничего плохого (в Chrome)? <код> <em>...

0  Как я могу связать изображения Data-SRC на внутреннюю страницу?  ( How can i link data src images to internal page ) 
Это то, что у меня есть на http://www.hairattheritz.com/untitled.html Мне нравится, как он изменил размер для различных размеров экрана, однако я не могу най...

13  Как центрировать текст внутри якоря  ( How to center text inside anchor tag ) 
Я хочу, чтобы мой якорный тег выглядеть как кнопка, и создала этот стиль jsfiddle <код> watch0 Похоже, как я хочу, но как в центре текста горизонтально...

0  Запустить функцию JavaScript с использованием C #  ( Trigger javascript function using c sharp ) 
Я должен написать класс C #, который получает содержимое HTML-страницы (страница публичная) и запускает функцию JavaScript, которая загружает файл. Моя цель...

0  Имея проблемы с использованием объема в jQuery  ( Having issues using a scope in jquery ) 
Так что я пытаюсь передать значение переменной FreeMarker ($ {item.uid}) на клик ссылки, чтобы запустить модаль с тем же уникальным значением идентификатора. ...

1  HTML / CSS - Center Nav Bar переменных размеров  ( Html css center nav bar of variable size ) 
У меня будет навигационный бар, который позволяет пользователю сортировать галерею картинок. Проблема в том, что ширина панели NAV будет варьироваться в завис...

3  Рисование круга с помощью кинетических js  ( Drawing a circle using kinetic js ) 
Я пытаюсь построить очень базовую покраску, используя каркас kinetic JS. Все все идут хорошо, пока не попытался включить функцию формы, которая позволяет поль...

23  Вопрос с медиа-запросами CSS (Scrollbar)  ( Issue with css media queriesscrollbar ) 
У меня проблемы с CSS Media Query в Firefox. Он работает правильно в Chrome, как я сделал два рав и хотеть прокрутку. Если я уменьшаю размер экрана Firefox до...

1  Textarea Overflow-X Когда в нее копирование пользователей?  ( Textarea overflow x when a user copy pastes into it ) 
У меня есть текстовая пара с Overflow-X: AUTO; отнесено к этому. Он отлично работает, когда пользователь набирает текст в коробку вручную. Однако, когда польз...

35  HTML Table Highlight Row на Hover, кроме первой строки (заголовок)  ( Html table highlight row on hover except first row header ) 
все, У меня есть GridView asp.net, который отображается на таблицу HTML. <код> <table> <tr><th>Col 1 Head</th><th>Col 2 Head</th></tr> <tr><td>Dat...

0  SVG D3 круговой контроль  ( Svg d3 circular control ) 
Я пытаюсь сделать контроль, в котором радиальные линии прилипают за пределами круга. Длина каждой линии, прилипающей зависит от значения данных. Короче говоря...

1  Как я могу скрыть десятичные числа правильным образом?  ( How do i hide decimal numbers the correct way ) 
Я использую этот метод, чтобы скрыть десятичные числа на странице. код CSS: <код> span { clip-path: inset(0 2.1ch 0 0); } HTML-код: <код> <span>...

0  Почему мой счет на массиве хранится в переменной сессии удваивает?  ( Why does my array count stored in a session variable doubles ) 
У меня есть таблица, которая содержит следующие столбцы .. И я сохранил данные этой таблицы в переменную сеанса <код> $sql = "SELECT * from `basic_info...

0  Делайте DIV и его содержание только отзывчиво в ширину?  ( Make div and its content only responsive in width ) 
Прежде всего я немного запутался, но я сделаю все возможное, чтобы объяснить мою проблему и то, что я хочу. У меня есть div, и внутри этого div у меня есть ...

0  транзакция внутри контура  ( Transaction inside a for loop ) 
Я хочу запустить транзакцию внутри контура. Мой код: - <код> n==00 Но проблема в том, что после оповещения (перед транзакцией) я напрямую получаю предупр...




© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.