已解决430363个问题，去搜搜看，总会有你想问的

flex布局问题

关注

首页猿问 flex布局问题

CSS3 Html/CSS

啊啊啊啊123 2017-06-08 12:09:20

有3个元素用 space-around在一行，中间的那个位置要调整只能给它加margin吗？

查看完整描述

1 回答

荷兰酒

TA贡献26条经验获得超10个赞

flex-grow 可能也可以达到你说得这种效果。

反对回复 2017-06-12

啊啊啊啊123
可能也可以。。。。这话说让下面的html里蓝色的div距离右边的div100px <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .container{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; } .box{ width: 100px; height: 100px; background-color: red; } .box1{ width: 100px; height: 50px; background-color: blue; } .box2{ width: 100px; height: 200px; background-color: yellow; } </style> </head> <body> <div class="container"> <div class="box"></div> <div class="box1"></div> <div class="box2"></div> </div> </body> </html>

回复 2017-06-12
荷兰酒
如果是固定距离的话，那似乎就只能padding、margin了。grow只能成倍数。

回复 2017-06-12

关注