html - CSS Flexbox - 将元素宽度设置为最大宽度

标签 html css flexbox

我有一个应连续显示的元素列表。我动态地将一些具有不同文本长度的元素添加到列表中。是否可以将元素左侧对齐,并将每个元素的宽度设置为最大元素的宽度?

我添加了一张图片来澄清它:

<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item with long text added dynamically</li>
</ul>

enter image description here

最佳答案

使用 javascript 获取元素的宽度:

document.getElementById('yourID').clientWidth

然后你可以使用这个值来调整你的其他元素

关于html - CSS Flexbox - 将元素宽度设置为最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37609498/

相关文章:

css - 使用 Codekit 围绕 LESS 中的 @import 行为混淆

javascript - 如何设置 <div> 样式以响应 Vue.js 数据成员的更改?

css - flex 盒子不工作

html - 带有溢出滚动的 Flexcontainer

javascript window.location.href 不断添加到 url

html - 除了元素不显示

html - Flexbox,在可用空间内限制图像的高度/宽度

html - 类似airbnb的视频背景html/css

html - 在 flex 容器中的文本上设置省略号

html - bootstrap 3.x 不显示内联的 h4 和图标