jquery - 根据li标签的组合宽度动态设置ul的宽度

标签 jquery css jquery-ui jquery-ui-tabs

我正在尝试创建一个水平选项卡菜单。我如何获得所有 li 标签的组合宽度并使用 jquery 将宽度分配给父 UL?

提前致谢!

最佳答案

我同意 Akoi 的观点,我认为这可能是 CSS 的一个。类似的东西

<style type="text/css">
ul { overflow: auto; background: #efefef; padding: 0; margin: 0; display: block; float: left; clear: both; }
ul li { float: left; display: block; padding: 5px 10px; }
</style>

<ul>
  <li>Menu item</li>
  <li>Menu item</li>
  <li>Menu item</li>
  <li>Menu item</li>
  <li>Menu item</li>
  <li>Menu item</li>
</ul>

关于jquery - 根据li标签的组合宽度动态设置ul的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1729997/

相关文章:

javascript - Javascript 可以调用 Django 方法/函数吗?

javascript - shift bootstrap carousel 标题中心向右

javascript - CSS 按钮图像 :hover

html - 为H1设置多种背景颜色

css - 如何让并排的两个元素的高度延伸到浏览器的剩余高度?

jquery - jQuery UI 相对于 richfaces 的优势

javascript - jQuery UI 扩展可拖动 "Snap"行

javascript - 如何将DOM树中的div元素一个一个移除?

javascript - jQuery 插件打开的 Angular 6 中的模式仅在单击两次后关闭

html - 在 HTML 页面中加载 CSS 文件的顺序是什么?