首页 /  web前端 /  html/css / 表格中文字长短不一时两端对齐

0 48

表格中文字长短不一时两端对齐

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格中文字长短不一时两端对齐</title>
<style type="text/css">
.justify {
text-align: justify;
width: 65px;
height: 18px;
}
.justify::after {
    content: "";
    display: inline-block;
    width: 100%;
  }
 </style>
</head>
<body>
<div class="justify">姓名</div>
<div class="justify">性别</div>
<div class="justify">家庭住址</div>
</body>
</html>

[来源] https://yuanmouren.erlyun.com/p.php?id=58

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

添加一条新回复
小鱼儿 2019-09-18 00:26
0
送花
20积分一朵