html 页⾯⽂字左右两端对齐
  我遇到问题是：看不到效果，⽆论是英⽂还是中⽂，在IE和chrome下都不起作⽤。这是在⽹上到的解决⽅法 ：）css样式：
HTML代码：
拿来测试的效果图：
从效果图可以看到，除了要在块级元素加text-align:justify样式外，还需要在⾥⾯加⼀个空的span元素，并应⽤样式。另外，对于中⽂还必须⽤空格隔开汉字，否则也没有两端对齐的效果。英⽂每个单词都有空格隔开，所以没问题。div .justify  {  　text-align: justify ; width:200px ; font-size:15px ; color:red ;  　border:1px solid blue ; height:18px ;}div .justify  > span  {  　display: inline-block /* Opera */;  　padding-left: 100%;
}
1
2
3
4
5
6
7
8
css特效文字9
10<div  class ="justify">hello, text justify.</div ><br /><div  class ="justify"> hello, text justify.<span ></span ></div ><br /><div  class ="justify">中 ⽂ 两 端 对 齐</div ><br /><div  class ="justify">中 ⽂ 两 端 对 齐<span ></span ></div >
1
2
3
4

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。