在容器内将div靠左对齐并使其右对齐div
小便
我想实现以下目标：
使用以下html代码：
<div class="container">
<div class="floatingLeft">A right-aligned div</div>
<div class="a">Lorem Ipsum</div>
<div class="b">Ipsum Lorem</div>
<div class="c">Other</div>
<div class="d">Random</div>
<div class="e">Tex</div>
</div>
有没有办法使用纯CSS实现这一目标？如果右对齐的div可以垂直居中，则可以得到加分。
谢谢 ：）
地缘
根据您的评论，我将其添加为答案。
像这样吗？jsfiddle.net/cob1wyz9/3
.container {
display: table;
}
.floatingLeft {
text-align: right;
display: table-cell;
vertical-align: middle;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在扩展容器时将div右对齐
- 2
将DIV右对齐
- 3
将文本放在右对齐的 div 容器的底部
- 4
将div内部的div右对齐
- 5
将IMG右对齐到DIV元素内的边缘
- 6
左右对齐div
- 7
将div与容器顶部对齐
- 8
div下的div右对齐
- 9
如何将这个垂直对齐的div右对齐？
- 10
将div与容器div内联对齐
- 11
如何使文本右对齐，但div居中对齐？
- 12
DIV中的右对齐按钮
- 13
在容器内对齐嵌套div的左右
- 14
在<div>内将<p>右对齐而不使用浮点数
- 15
li内的右对齐div应该填充高度
- 16
CSS：将div内容与基础容器对齐
- 17
CSS将绝对子div向右对齐的方法
- 18
如何将div与显示行内块右对齐？
- 19
将第一个div左对齐，随后的div右对齐
- 20
jQuery的模式对话框按钮的div不右对齐-CSS使其占据总行
- 21
如何在 div 中将文本向右对齐，使其开头被溢出：隐藏？
- 22
CSS将范围对齐到div的左下角，并向右对齐
- 23
我如何居中右对齐的DIV？
- 24
在flex中将div的内容向右对齐
- 25
Div的字段集向右对齐
- 26
浮动div倾斜中心或右对齐
- 27
Flexbox - 在 div 中响应右对齐 UL？
- 28
将标题内的跨度右对齐
- 29
在div内对齐跨度
我来说两句