css - 文本换行时所有元素右对齐
问题描述
我有一组 div 并希望孩子们右对齐:
.parent {
width: 150px;
border: solid;
display: flex;
align-items: center;
justify-content: flex-end;
}
<div class="parent">
<div class="icon">x
</div>
<div>Toooooooo looooooooong</div>
</div>
当文本换行时,它仍然占据所有空间,所以它不在右边。我可以使用 width: min-length,但是所有带有空格的短文本都换行,我只希望它用于长文本。
这是 CodePen 中的示例:https ://codepen.io/rveciana/pen/eYpyKJX
解决方案
推荐阅读
- php - 在 WooCommerce 管理产品列表中为“每页的项目数”设置默认值
- javascript - 如何使用 react-virualized 在表格上实现无限滚动?
- react-native - 添加条件以允许扫描
- android - 是否可以在没有预览和用户交互的情况下拍照?
- python - 有没有办法强制任何函数在 Python 中不冗长?
- sql - Sql 循环遍历列的唯一元素
- c# - MyType 和 typeof(MyType) 有什么区别?
- pine-script - 如何在我们的 Pinescript 中添加时间元素
- c++ - 将 QPushButton 连接到同一类中的函数
- excel - vba 在另一个文件中创建和保存函数