css新手向的知识点<二>

如何实现如下所示文字的对齐

css新手向的知识点<二>_第1张图片
  •  隔开是不行的,因为 由字体设计者决定,换字体会有区别.
  • 可用text-align:justify方法,但是要注意该方法要多行才能实现左右对齐,所以我们要凑成多行
    的形式.于是想到了用伪元素来凑成多行
  • 我们让伪元素设为inline-block后才能设置width:100%
  • 为了隐藏伪元素的内容,我们要设置span的高度,并且设置overflow:hidden,这样就看不到伪元素内容了.

如何写一个宽高1:1的div



  
    
    JS Bin
    
  
  
    

你可能感兴趣的:(css新手向的知识点<二>)