jquery - 有哪些选项可以让文本/列表项出现在列中?

标签 jquery html css

我有一堆来自外部源的 HTML 标记,主要是 h3 元素和 ul 元素。

我想让内容在 3 列中流动。我知道 CSS3 中有一些东西,但我有什么选择可以让这些内容在目前很好地流入 3 列中?我不太关心 IE6(只要它正常降级)。我是否坚持使用 jQuery 来解析标记并将其分成 3 个 float 的 div?

谢谢

更新

根据要求,这是我正在使用的一些 HTML

<h3>Tourism Industry</h3>

            <ul>

                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>

                <li><a href="">Something</a></li>
            </ul>

            <h3>Small Business</h3>
            <ul>
                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>

                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>

            </ul> 

还有更多遵循相同的格式。

最佳答案

就我个人而言,我会选择 CSS3。运气好的话,它甚至可能在 IE9 中实现。如果您需要 IE7/8/Opera 支持,我想我会在 CSS3 不可用时添加一个 JavaScript 解决方案(正如其他用户所解释的那样)。

关于jquery - 有哪些选项可以让文本/列表项出现在列中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1162925/

相关文章:

javascript - jQuery 不工作,但 document.querySelector 可以 (CasperJS)

CSS 相对(相对于什么?)位置

javascript - 使用 Javascript 在点击时隐藏 div(已经显示其他 div 的点击)

html - Chrome 中 CSS 3D 元素的悬停状态检测

java - JSoup 是否支持 getComputedStyle 或等价物?

CSS3 变换透视在 FF 或 IE 中不起作用 - 摇摆效果

javascript - 重构代码以在 jQuery 1.3.2 上工作

javascript - 调整悬停时内容的垂直对齐方式

javascript - 如何将 twig 代码从 javascript 传递到 twig 文件?

javascript - 菜单遍历下一个和上一个按钮单击