<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div{ width: 200px; height: 20px; border: 1px solid grey; text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ -webkit-text-align:justify; text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/ } @media screen and (-webkit-min-device-pixel-ratio:0){ /*兼容chrome*/ div:after{ content:"."; display: inline-block; width:100%; overflow:hidden; height:0; } } </style> </head> <body> <div>文 本 两 端 对 齐</div> <div>文 本 两 端 齐</div> </body> </html>
注：每个文字之间需要要加一个空格，不然chrome下不兼容，火狐中文字之间的空隙不一致