文本两端对齐

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
		#demo p:after{display: inline-block;
					    content: '';
					    overflow: hidden;
					    width: 100%;
					    height: 0;}
				    p{    overflow: hidden;
				    width: 200px;
				    height: 32px;
				    line-height: 32px;
				    margin: 0;
				    border: 1px solid #ddd;
				    font-size: 20px;
				    text-align: justify;
				    text-align-last: justify;}
		</style>
		<div id="demo">
			<p>姓名</p>
			<p>粗长日期</p>
			<p>你是谁</p>
			<p>啥都看是撒打</p>
		</div>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_21262357/article/details/79544056