“未复核、已完成”等按钮是div元素,现在div的宽度固定,怎么实现两边按钮固定左右位置,中间两个均分呢,按钮之间的间隙均等,自适应各种屏幕分辨率
“未复核、已完成”等按钮是div元素,现在div的宽度固定,怎么实现两边按钮固定左右位置,中间两个均分呢,按钮之间的间隙均等,自适应各种屏幕分辨率
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#main {
height: 150px;
border: 1px solid #c3c3c3;
display: -webkit-flex; /* Safari */
-webkit-justify-content: space-around; /* Safari 6.1+ */
display: flex;
justify-content: space-around;
}
#main div {
width: 70px;
height: 70px;
}
</style>
</head>
<body>
<div id="main">
<div style="background-color:coral;"></div>
<div style="background-color:lightblue;"></div>
<div style="background-color:khaki;"></div>
<div style="background-color:pink;"></div>
</div>
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
justify-content: space-between;
就可以了。