div块元素两端对齐

最新推荐文章于 2022-05-10 15:54:13 发布

原创最新推荐文章于 2022-05-10 15:54:13 发布 · 2.5k 阅读

CC 4.0 BY-SA版权

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style type="text/css">
	.item{
		height: 32px;
		line-height: 32px;

	}
	.name{
		display: inline-block;
		height: 100%;
		min-width: 100px;
		text-align: justify;
		text-align-last:justify;
	}
</style>
<body>
	<div class="item">
		<span class="name">姓名</span>:
		<span class="name1">杨洁</span>
	</div>
	<div class="item">
		<span class="name">出生年月</span>:
		<span class="name1">杨洁</span>
	</div>
</body>
</html>