-7 / 2 / 2
Регистрация: 03.12.2018
Сообщений: 182
1

Перенос текста

29.11.2019, 05:48. Показов 1719. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Текст всё никак не переносится. помогите сделать перенос текста при уменьшении экрана
https://codepen.io/Nishij0u/pen/qBBewea
HTML5
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
<div class="container_cols">
        <div class="col1">
            <div class="article_col_item">
                <img src="https://i.ibb.co/2jL5JBn/icon2.png" class="icons">
                    <div class="text_wrapper1">
                      <h1>What about ISAMA</h1>
                       <p>
                ISAMA is a marketing foundation located in Riyadh
                 built on the talent of creation that leads to a modern
                  concept of professionalism. At ISAMA we believe even
                   if you are good at what you do, you have a great prod
                   uct or you provide an excellent service. We still can
                    present you a little better to the world, creating your
                     full identity, provides you with your marketing plans,
                      design your website, print your publications, design
                       your logo’s and offices. Simply we give your business
                         the perfect image.
                        </p>
                     </div>
               </div>
           </div>
        <div class="col2">
                <div class="article_col_item">
            <img src="https://i.ibb.co/j5rM2nM/icon3.png" class="icon2">
            <div class="text_wrapper2">
            <h1>Why we exist</h1>
            <p>
                Reaching customer satisfaction through providing
                 them with cutting-edge technologies that give clients
                  access to a wide range of tools, ensuring efficient and
                   results-oriented communication solutions, which
                    grant them a special character that distinguishes them
                     from the others in the business.
            </p>
             </div>
        </div>
    </div>
</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
.container_cols {
    display:flex;
    width:1160px;
    margin:auto;
    padding-top:15px;
}
 
.article_col_item {
  width: 100%;
}
 
.col1 {
  max-width: 567px;
}
 
.col2 {
  max-width: 593px;
}
 
.icon2 {
  padding-left:77px;
}
.text_wrapper1 {
  float:right;
  padding-right:45px;
}
 
.text_wrapper2 {
  float:right;
}
p {
    font-family:'Open Sans';
    font-weight:300;
    color:#6d6e71;
    font-size:16px;
    width: 390px;
}
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
29.11.2019, 05:48
Ответы с готовыми решениями:

Перенос текста в таблице
&lt;table width=200 border=1&gt; &lt;tr&gt; &lt;td&gt; К о н т е н т &lt;/td&gt; &lt;/tr&gt;...

Перенос текста в div`e
Такая проблема: В диве текст выходит за границы и не переносится на следующую строку. Код: ...

Перенос текста, а не картинки
Здравствуйте. У меня есть запрос из БД я вывожу текст и картинку, сейчас у меня выглядит так ...

Перенос текста как в ВК
Как сделать перенос текста как в ВК? На фотке показал, как переносится текст, хотя я писал это...

3
-7 / 2 / 2
Регистрация: 03.12.2018
Сообщений: 182
29.11.2019, 12:32  [ТС] 2
Решено, width:auto просто нужно было поставить
0
1025 / 678 / 295
Регистрация: 04.04.2013
Сообщений: 2,709
29.11.2019, 15:46 3
Nait1336, зачем тег <p> ограничивать по ширине? Советую убрать свойство width из стилей.
0
-7 / 2 / 2
Регистрация: 03.12.2018
Сообщений: 182
29.11.2019, 20:10  [ТС] 4
Лучший ответ Сообщение было отмечено mrtoxas как решение

Решение

Academik, Сделал Max-width, просто если width не задавать то текст будет занимать весь блок, да можно задать ширину блока но я делаю как мне нужно
0
29.11.2019, 20:10
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
29.11.2019, 20:10
Помогаю со студенческими работами здесь

Перенос текста в блоке
Добрый вечер! Имеется определенный текст, в блоке(div). Размер блока, фиксированный. Как сделать...

Перенос текста в div
Привет. Есть такой момент. Пытаюсь выводить сообщения от юзеров в определенном формате. в общем-то...

Не срабатывает перенос текста
Доброго всем дня! У меня есть текст обернутый в тег &lt;p&gt;&lt;/p&gt;, который в свою очередь обернут в тег...

Перенос текста в input
Добрый день. Скажите можно ли как то сделать перенос текста в input?


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru