Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
1152 / 554 / 320
Регистрация: 21.06.2012
Сообщений: 1,854

Как отменить перенос дива и слов?

24.04.2017, 15:34. Показов 989. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет!

На сайте имеется такая структура (HTML):
HTML5
1
2
3
4
5
6
<div class='table_tr'>
    <div class='table_td td_1'>текст1</div>
    <div class='table_td td_2'>текст2</div>
    <div class='table_td td_3'>текст3</div>
    <div class='table_td td_4'>текст4</div>
</div>
и (CSS):
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
.table_tr {
    padding:10px 0px 10px 0px; 
    width:98%; 
    display:inline-block;
}
.table_td {
    position:relative; 
    padding:0px 5px 0px 5px; 
    float:left;
    display: inline-block;
    vertical-align: middle;
}
.td_1,.td_2,.td_3,.td_4{width:25%;}
Проблема в том, что когда уменьшается окно браузера, то блок .td_4 переноситься на новый ряд(съезжает вниз). Как сделать чтобы они оставались в одном ряду, а если ширина окна браузера меньше чем общая ширина четырех блоков, то появлялась полоса прокрутки?

Тоже самое касается менюшки. К примеру если есть пункт "ОБЛАСТЬ ПРИМЕНЕНИЯ", то при уменьшения окна браузера, слова переносятся. А если поставить их в тэг <pre>, то сбиваются стили.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.04.2017, 15:34
Ответы с готовыми решениями:

Как отменить перенос?
Коллеги, подскажите пожалуйста. Все перепробовал, не могу решить хоть убейте ) Отображение строки в разрешении ПК, кнопка купить...

Отменить перенос указанного текста на следующую строчку
Как можно сделать, чтоб текст «name-file.txt» не переносился. Т.е. чтобы вместо: Переносилась таким образом

В диве есть два дива. Высота родительского дива равно 0
Подскажите, есть див контента, в котором две колонки. Высота контента равна нулю. почему? &lt;div id='content'&gt; &lt;div...

2
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
24.04.2017, 17:36
Цитата Сообщение от sasha0012 Посмотреть сообщение
Как сделать чтобы они оставались в одном ряду, а если ширина окна браузера меньше чем общая ширина четырех блоков, то появлялась полоса прокрутки?
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.table_tr {
    box-sizing:border-box;
    padding:10px 0px 10px 0px; 
    width:98%; 
    display:inline-block;
}
.table_td {
    box-sizing:border-box;
    position:relative; 
    padding:0px 5px 0px 5px; 
    float:left;
    display: inline-block;
    vertical-align: middle;
}
.td_1,.td_2,.td_3,.td_4{width:25%; margin-right: -0.1em; overflow: auto;}
Цитата Сообщение от sasha0012 Посмотреть сообщение
К примеру если есть пункт "ОБЛАСТЬ ПРИМЕНЕНИЯ", то при уменьшения окна браузера, слова переносятся.
HTML5
1
ОБЛАСТЬ&nbsp;ПРИМЕНЕНИЯ
1
1152 / 554 / 320
Регистрация: 21.06.2012
Сообщений: 1,854
24.04.2017, 18:27  [ТС]
Спасибо большое! То что нужно!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
24.04.2017, 18:27
Помогаю со студенческими работами здесь

Два дива рядом внутри дива
Здравствуйте! Не могу сделать вот такую конструкцию: На приложенном изображении показаны рамки дивов. Поставить два дива рядом у меня...

Как сделать перенос слов в заголовках TabControl
Как сделать перенос слов в закоголвах TabControl? См. скриншот. Бьюсь уже не один час.

NOWRAP в Mozilla и NS. Как запретить перенос слов?
Опять проблема с этими браузерами... Как запретить перенос слов? Может кто-то подскажет, где найти приличную документацию по...

Авто перенос слов как в word реализованный на c#
В word есть такая фича как расстановка переносов, ее смысл перенести одно слова с одной строки на другую по слогам. Есть на c# такойже...

Перенос слов и перенос длинных слов
Здравствуйте!!! Скажите пожалуйста возможно ли сделать следующее: Есть ячейка таблицы th шириной 200px, в ней рандомно появляется...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru