не работает justify (CSS)

#css

Почему не работает text-align:justify;?  

Например:  





  Кухни спальни прихожие детские шкафы шкафы-купе гостиные винные комнаты
  
рабочие кабинеты библиотеки гардеробные комоды тумбы полки




    

Ответы

Ответ 1

По идее, за выравнивание последней строки отвечает text-align-last, но его поддержка
браузерами оставляет желать лучшего. Поэтому пока стоит воспользоваться хаком с inline-block'ом
из соседнего ответа (правда, его кроссбраузерность я не проверял).



body {
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
}
I just want this to justify..


Ответ 2

Задача решается путем добавления псевдоэлемента after



#justify {
    text-align: justify;
    }
#justify:after {
  content: "";
  display: inline-block;
  width: 100%;
}

I just want this to justify..



Ответ 3

Боюсь у вас не совсем верное представление об этом свойстве  - св-во не растягивает
3 слова на всю ширину строки, оно ВЫРАВНИВАЕТ текст по ширине блока.
http://www.w3schools.com/CSSref/playit.asp?filename=playcss_text-align&preval=justify

PS ну с ссылкой ниже вы же не будете спорить?
http://www.w3schools.com/CSSref/pr_text_text-align.asp


Ответ 4

Зачем использовать align="justify".

Все работает:

http://jsfiddle.net/mrpt15dx/

html

    


        Кухни    спальни    прихожие    детские    шкафы    шкафы-купе гостиные 
  винные комнаты
        рабочие кабинеты    библиотеки     гардеробные      комоды     тумбы      полки
            рабочие кабинеты    библиотеки     гардеробные      комоды     тумбы
     полки
            Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when
an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing
software like Aldus PageMaker including versions of Lorem Ipsum.
        




css


.border-red{
    position:relative; left:0px; top:0px; 
    border:solid 1px #FF0000; 
    width:100%; 
    text-align:justify; 
    font: normal 14px 'Arial'; 
    color:#000000; 
    padding:25px; 
    box-sizing: border-box;    
}


Ответ 5



  Кухни спальни прихожие детские шкафы шкафы-купе гостиные винные комнаты рабочие
кабинеты библиотеки гардеробные комоды тумбы полки



Ответ 6

Воспользовался
word-spacing:[XX]px;
ХХ - значение на усмотрение, в зависимости от ширины блока.
пример: http://jsfiddle.net/mrpt15dx/7/