扫码关注官方订阅号
我有一个这样的父级div元素(display: flex),包含两个子元素
当文本只有一行(不换行)时,一切正常。 然而,当它换行(2行或更多)时,元素的宽度将根据最宽的一行进行调整
我希望文本在长度较长时能够换行。
在上面的示例中,我希望(i)图标位于NORTH旁边。
我希望(i)图标位于NORTH旁边。
如果您只想让图标始终位于单词“North”旁边,只需将其放在标签内:
.flex { display:flex; align-items:center; resize: both; overflow:auto; background: #99AAAA; max-width: fit-content; max-height: fit-content; }
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet"/> <h3>拖动角落进行调整大小</h3> <div class="flex"> <span>THE KING OF THE NORTH <i class="fa-solid fa-image"></i></span> </div>
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
如果您只想让图标始终位于单词“North”旁边,只需将其放在标签内:
.flex { display:flex; align-items:center; resize: both; overflow:auto; background: #99AAAA; max-width: fit-content; max-height: fit-content; }