在写页面的时候,有时候只有一行文字,上面是一张图片,但是要文字和图片两端对齐,这时候就用到css是文字两端对齐,完整demo如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.justify {
width: 120px;
text-align: justify;
background: red;
}
.justify:after {
content: "";
padding-left: 100%;
display: inline-block;
}
</style>
</head>
<body>
<div class="justify">测试</div>
</body>
</html>
感谢:https://www.cnblogs.com/lzkwin/archive/2012/11/08/2761667.html 以及 这篇文章中的二楼