今天要剪一个响应式网页，有一行文字，需要两端对齐。代码如下：.h_text{text-align:justify;width:200px;}这条线要两端对齐根据经验找到text-align:justify;先用PC浏览器测试，刷新页面无效。在网上搜索，发现“只有一行文字或者最后一行文字没有效果，默认左对齐”。解决方法如下：1、使用“text-align-last:justify;”意思是告诉计算机，“这是最后一行代码，它也为我对齐两端。”.h_text{text-align-last:justify;width:200px;}Thislineshouldbealigned但text-align-last并不与所有浏览器兼容。2.在文字后面加一行，然后隐藏。h_text{text-align:justify;宽度：200px；}.span_hid{显示：内联块；宽度：100%；opacity:0;}这一行要两端对齐一段隐藏的代码隐藏后，文字仍会占据位置不好，会影响布局效果，这种低下的行为，不配做工程师。3.在文本后添加一个空标签。h_text{文本对齐：对齐；宽度：200px；}.span_hid{显示：内联块；width:100%;}这一行需要两边对齐嗯，这样就好多了，但是还是有一些问题浏览器。4、这时候需要加上“text-justify:inter-ideograph;”大意是增加或减少单词之间的间距。h_text{文本对齐：对齐；文字对齐：表意文字间；宽度：200像素；}.span_hid{显示：内联块；width:100%;}这条线要两端对齐完美解决了IE浏览器兼容的问题。如果只是兼容PC端浏览器，已经解决。但是，它也与移动浏览器兼容。在QQ和微信软件中打开网页是没有问题的。下载安装浏览器没有问题：QQ、UC等，iPhone自带的浏览器没有问题。但是用安卓手机自带的浏览器，问题就来了。向左完美对齐，无论你怎么做，都没有效果。于是我把1-4的过程又经历了一遍。它没有成功。搜索后发现问题。text-align-last，文中提到的safari不支持的解决方法：IE浏览器需要在文本之间加空格。Android浏览器也会这样做。5.于是在每段文字之间加了一个空格，成功解决了浏览器和手机不兼容的问题。.h_text{文本对齐：对齐；文字对齐：表意文字间；宽度：200像素；}.span_hid{显示：内联块；width:100%;}这一行需要两端对齐当然文字少没有问题，但是如果有文本较多，需要一些JS代码在文本之间添加空格。vartext="这条线应该两端对齐";varresult=text.split("").join("");至于加上after伪类，就更简洁了。没有申请。项目示例：中国银河证券APP，供参考。
