Как сделать так, что бы текст в блоке, был в ряд, при разных разрешениях экрана

@Maksssssss · Регистрация: 12.08.2016

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

Как сделать так, что бы текст в блоке, был в ряд, при разных разрешениях экрана ?
html

HTML5
1
<div id="saa"><a id="asaa">[wp-svg-icons icon="eye" wrap="span"] Выбрать квартиру</a></div>

css

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#saa {
 background: #315efb; 
 padding: 1% 2% 1% 2%; 
 margin: 0% 10% 2% 10%; 
 width: auto;
}
 
#saa a {
 color: #fff; 
 font-size: 1.2em; 
 font-family: 'Roboto', sans-serif;"
}
#saa:hover {
 background: #303440;
 transition: 1s;
 cursor: pointer; /*Работает в Chrome, FF, IE, O*/
}

@kposs · 09.08.2017, 20:43

Maksssssss,

CSS
1
2
3
#saa a {
   white-space: nowrap;
}

@Maksssssss · 09.08.2017, 22:56 **[ТС]**

не получается , ширина идет во весь блок

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="div_content_hp">
<h2 class="t_content">О компании</h2>
&nbsp;
<p class="p_content">апрапрапр</p>
&nbsp;
<p class="p_content">апрапрапр</p>
&nbsp;
<p class="p_content">апрапрпар.</p>
&nbsp;
<p class="p_content">рапрпар.</p>
</div>
<div id="saa"><a id="asaa">[wp-svg-icons icon="eye" wrap="span"] Выбрать квартиру</a></div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
.t_content {
 color: #3c3737;  
 font-family: 'Roboto', sans-serif;
}
.p_content {
 color: #3c3737; 
 font-size: 1.2em; 
 font-family: 'Roboto', sans-serif;
}
 
 
 
/*Home page*/
.div_content_hp {
 border-left: 4px solid #3b86c4; 
 margin: 2% 10% 2% 10%; 
 padding-left: 2%;  
 padding-right: 2%;  
 padding-top: 1%;  
 padding-bottom: 1%; 
 background: #FFF;"
}
#saa {
 background: #315efb; 
 padding: 1% 2% 1% 2%; 
 margin: 0% 10% 2% 10%; 
 
}
 
#saa a {
 color: #fff; 
 font-size: 1.2em; 
 font-family: 'Roboto', sans-serif;
 white-space: nowrap;
}
#saa:hover {
 background: #303440;
 transition: 1s;
 cursor: pointer; /*Работает в Chrome, FF, IE, O*/
}

@kposs · 09.08.2017, 23:07

Maksssssss, я не пойму, Вы хотите, что б пункты меню были в одну строчку?

@Maksssssss · 09.08.2017, 23:14 **[ТС]**

текст в блоке #saa при уменьшении разрешения экрана смещается в низ т.е. получается текст в несколько рядов ,это если #saa задать ширину, а если не задавать, то блок почему становится во всю ширину

@kposs · 09.08.2017, 23:27

Maksssssss, какой именно текст, который в шорткоде [wp-svg-icons icon="eye" wrap="span"] находится или Выбрать квартиру?

Добавлено через 48 секунд
Maksssssss, скриншот скинь, просто не пойму, что и куда сдвигается)

@Maksssssss · 09.08.2017, 23:30 **[ТС]**

Как сделать так, что бы текст в блоке, был в ряд, при разных разрешениях экрана

@kposs · 09.08.2017, 23:34

Maksssssss, у Вас на локалке или есть в интернете?

Добавлено через 1 минуту
Maksssssss, думаю, что стили для этого блока

CSS
1
2
3
display: inline;
// или
display: inline-block;

должно помочь

Добавлено через 1 минуту
Maksssssss, если б было в иннете - очень сильно упростило б задачу)))

@Maksssssss · 09.08.2017, 23:37 **[ТС]**

Спасибо большое, все отлично работает

@kposs · 09.08.2017, 23:54

Не по теме:

Maksssssss, представь, пытался помочь человеку сегодня, тупо за каждое неправильно решение - дизлайк, помогай после этого людям, я, кстати, ни копейки не получаю за помощь, просто по доброте душевной хочу помочь и трачу свое время...

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@kposs 38 / 37 / 29 Регистрация: 02.12.2013 Сообщений: 244
	09.08.2017, 23:07
	Maksssssss, я не пойму, Вы хотите, что б пункты меню были в одну строчку? 0

@Maksssssss 0 / 0 / 1 Регистрация: 12.08.2016 Сообщений: 239
	09.08.2017, 23:14 [ТС]
	текст в блоке #saa при уменьшении разрешения экрана смещается в низ т.е. получается текст в несколько рядов ,это если #saa задать ширину, а если не задавать, то блок почему становится во всю ширину 0

@kposs 38 / 37 / 29 Регистрация: 02.12.2013 Сообщений: 244
	09.08.2017, 23:27
	Maksssssss, какой именно текст, который в шорткоде [wp-svg-icons icon="eye" wrap="span"] находится или Выбрать квартиру? Добавлено через 48 секунд Maksssssss, скриншот скинь, просто не пойму, что и куда сдвигается) 0

@Maksssssss 0 / 0 / 1 Регистрация: 12.08.2016 Сообщений: 239
	09.08.2017, 23:30 [ТС]
	0

@Maksssssss 0 / 0 / 1 Регистрация: 12.08.2016 Сообщений: 239
	09.08.2017, 23:37 [ТС]
	Спасибо большое, все отлично работает 0

@kposs
	09.08.2017, 23:54
	Не по теме: Maksssssss, представь, пытался помочь человеку сегодня, тупо за каждое неправильно решение - дизлайк, помогай после этого людям, я, кстати, ни копейки не получаю за помощь, просто по доброте душевной хочу помочь и трачу свое время... 0

Как сделать так, что бы текст в блоке, был в ряд, при разных разрешениях экрана

Решение