1

Всем привет!

Как сделать так , чтобы слова были на всю ширину блока? Как в WORD. То есть даже пусть 1 или 2 буквы от слова будут на 1-ой строке а остальная часть слова переносится на 2-ую строку. Вообщем говоря Полное заполнение блока текстом.

Вот КОД

Ссылка на JSFIDDLE

<!-- vygoda wrapper -->
<div class="vygoda" id="vygoda">
    <div class="title">Выгодная покупка</div>
    <div class="wrapper">
        <div class="vygoda-item">
            <div class="vygoda-img"></div>
            <div class="vygoda-content">
                <h2>Детская и спортивная площадки:</h2>
                <p>
                    Вам больше не надо тратить время на поиски 
                    просторной и безопасной  детской площадки. Она 
                    будет прямо около дома на огороженной и 
                    территории. 
                </p>
            </div>
        </div>
        <div class="vygoda-item">
            <div class="vygoda-img"></div>
            <div class="vygoda-content">
                <h2>Персональная парковка:</h2>
                <p>
                    В нашем доме запланирована бесплатная 
                    закрытая стоянка. Теперь Вам и Вашим гостям 
                    больше не придется искать место для парковки 
                    автомобиля.
                </p>
            </div>
        </div>  
        <div class="vygoda-item">
            <div class="vygoda-img"></div>
            <div class="vygoda-content">
                <h2>Огороженная территория:</h2>
                <p>
                    Наш жилой комплекс является закрытой 
                    территорией. Вам больше не нужно волноваться 
                    за безопасность своих детей. Транспортные 
                    средства также защищены.
                </p>
            </div>
        </div>
        <div class="vygoda-item">
            <div class="vygoda-img"></div>
            <div class="vygoda-content">
                <h2>Высокий уровень теплоизоляции:</h2>
                <p>
                    Мощные стены в два кирпича с толстым слоем 
                    утеплителя делают дом неуязвимым к холодам. 
                    В Вашей квартире будет всегда тепло и уютно.
                </p>
            </div>
        </div>      
    </div>
</div><!--/. vygoda wrapper -->

2 ответа 2

2

Надеюсь это то, что тебе нужно.

p {text-align: justify;}
1
  • точно) оказалось всё просто. Commented 30 мая 2015 в 7:05
0

Более полный ответ и учитывает переносы:

p {
    text-align: justify;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
<p>
Как сделать так , чтобы слова были на всю ширину блока? Как в WORD. То есть даже пусть 1 или 2 буквы от слова будут на 1-ой строке а остальная часть слова переносится на 2-ую строку. Вообщем говоря Полное заполнение блока текстом. Как сделать так , чтобы слова были на всю ширину блока? Как в WORD. То есть даже пусть 1 или 2 буквы от слова будут на 1-ой строке а остальная часть слова переносится на 2-ую строку. Вообщем говоря Полное заполнение блока текстом. Как сделать так , чтобы слова были на всю ширину блока? Как в WORD. То есть даже пусть 1 или 2 буквы от слова будут на 1-ой строке а остальная часть слова переносится на 2-ую строку. Вообщем говоря Полное заполнение блока текстом.
</p>

2
  • Можете добавить, пожалуйста, также запускаемый пример для большей наглядности? Commented 3 янв. 2017 в 9:34
  • @VadimOvchinnikov готово. Commented 3 янв. 2017 в 9:42

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.