第一种实现方式：
css设置如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>两端对齐示例</title>
<style>.name {width: 100px;text-align: justify;}.name:after {content: '';display: inline-block;width: 100%; /* 伪元素占满整行，从而触发两端对齐 */}
</style>
</head>
<body>
<div class="name">张三</div>
<div class="name">张三丰</div>
</body>
</html>效果如下：
第二种实现方式：
css设置如下 :
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>两端对齐示例</title>
<style>.name {width: 100px;text-align: justify;text-align-last: justify;}
</style>
</head>
<body>
<div class="name">张三</div>
<div class="name">张三丰</div>
</body>
</html>效果如下：
![[论文翻译]GSEDroid：使用轻量级语义嵌入的基于 GNN 的安卓恶意软件检测框架](https://img-blog.csdnimg.cn/direct/72bf3aed799a420c9808e742db9c6c20.png)
![[Android] [解决]Bottom Navigation Views Activity工程带来的fragment顶部空白间距问题](https://i-blog.csdnimg.cn/direct/523703a4c3fc48748b66cb88237e76b2.png)
