text-align的问题

text-align有五个属性，left，right,center,justify,以及inherit.

对于文字，left,right,center可以直接作用，但是justify(两边对齐)不会，对于超过一行的文字才可以起作用。

对于非文字，left和right是不起作用的（当然必须是行内块元素），center和justify只有在元素超过一行时才会起作用。

代码在jsbin中

http://jsbin.com/daquma/1/watch?html,css,output

 

如果元素不超过一行的话想两边对齐可以用伪元素:after解决

ul:after{
  content: '';
  width: 100%;
  display: inline-block;
}

我是没想得出，是看的苹果中国的nav布局才知道的。

也是很简单的。