如何用css实现两端对齐？
0
所有回答(9)
-1
给你找了一个答案
https://www.cnblogs.com/PeunZhang/p/3289493.html
0
-2
如果是两个子元素可以左右浮动。
fexl盒子布局也行
-1
可以使用flex布局实现，最终效果和实现截图参考如下:
<style type="text/css"> body { background-color: #fff; } .parent{ border:1px solid #CCC; display: flex; justify-content: space-between; } </style> <body> <div class="parent"> <div style="width:50px;height:50px;background-color:red;border:1px solid #CCC;">left</div> <div style="width:50px;height:50px;background-color:yellow;border:1px solid #CCC;">middle</div> <div style="width:50px;height:50px;background-color:blue;border:1px solid #CCC;">right</div> </div> </body>
不错 谢谢
2
使用flex布局 参考 http://www.jqhtml.com/6319.html
0
text-align: justify;可以实现，如果还不行的 ，一个空格相当于半个字符，可以通过空格控制
1
使用flex布局 display:flex; display: flex; justify-content: space-between;
0
使用flex布局 父元素设置 display: flex; justify-content: space-between; 各种你想要的效果基本都能实现
0
1、flex 布局 父元素 display：flex ； justify-content: space-between；如果你要居中align-items: center;这是侧向轴居中，如果你要上下对齐需要考虑flex的主轴和侧轴的指向问题，默认主轴是横轴即 flex-direction: row;这个看你需求
2、如果这父内元素是文本这种的行内块元素display：inline-block；且就仅是一行，那么给子元素设置line- height: 等于父元素高度;然后两个子元素分别左浮动和右浮动就行，设置float。
3、还有最笨的，设置子元素宽度和文本位置，这个只针对行内块元素display：inline-block；设置两子元素宽度加起来为父元素宽度，一个设置text-align：start；一个是right
margin: 0px auto; 这样写就好了, margin是外边距的属性,0px取消掉外边,就可以顶到两头了,然后呢,auto就是水平居中.
– 找不到DNS服务器 5年前