<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>同一行文字左右平均对齐</title>
</head>
<style>
a{
text-decoration: none;
}
.box{
display: flex;
width:80%;
margin: 50px auto;
background-color: rgb(241, 243, 244);
justify-content: space-around;
}
</style>
<body>
<div class='box'>
<a href="#">首页</a>
<a href="#">主要新闻</a>
<a href="#">校园</a>
<a href="#">地址</a>
<a href="#">联系方式</a>
</div>
</body>
</html>
css流式布局应用——同一行文字左右平均对齐
最新推荐文章于 2023-04-28 10:46:59 发布