【CSS文本两端对齐】

我就是一小白

已于 2023-02-17 14:08:33 修改

阅读量105

点赞数

文章标签： css 前端 javascript

于 2023-02-17 14:01:14 首次发布

本文链接：https://blog.csdn.net/qq_43364234/article/details/129085880

版权

代码


<!DOCTYPE html>
<htm1>
<head lang="en">
<meta charset=ruTE-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-aligm-last:justify;/affx
	-webkit-text-align-last:justify;/*chrome 20+*/
}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	div:after{
		content:"" ;
		display: inline-block;
		width:100%:
		overflow:hidden:
		height:0;
	}
}
</style>
</head>
<body>
<div>文本两端对齐</div>
<div>文本两端齐</div>
</body>
</html>