Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 有没有更好或更简洁的方法?_Jquery_Html Lists - Fatal编程技术网

Jquery 有没有更好或更简洁的方法?

Jquery 有没有更好或更简洁的方法?,jquery,html-lists,Jquery,Html Lists,我的目标是让一个列表动态地将自己列成两列,而不管列表的长度如何。如果这段代码看起来不错,或者有更好或更简洁的方法来实现这类事情,我真的很想听听那些比我更了解JavaScript和jQuery的人的意见 谢谢 为什么不让它们浮动起来呢 li { line-height: 1.2em; position: relative; float: left; width: 50%; } 不需要javascript。 除非我遗漏了什么…为什么不让它们浮起来 li { line-heigh

我的目标是让一个列表动态地将自己列成两列,而不管列表的长度如何。如果这段代码看起来不错,或者有更好或更简洁的方法来实现这类事情,我真的很想听听那些比我更了解JavaScript和jQuery的人的意见

谢谢


为什么不让它们浮动起来呢

li {
  line-height: 1.2em;
  position: relative;
  float: left;
  width: 50%;
}
不需要javascript。
除非我遗漏了什么…

为什么不让它们浮起来

li {
  line-height: 1.2em;
  position: relative;
  float: left;
  width: 50%;
}
不需要javascript。
除非我遗漏了什么…

我建议不要为此使用javascript。您可以使用纯css实现这一点

如果用户禁用了javascript,代码将不会运行

样品
我建议不要为此使用javascript。您可以使用纯css实现这一点

如果用户禁用了javascript,代码将不会运行

样品
CSS3支持适当的列支持:jQuery能够帮助非CSS3浏览器正确显示代码吗?有点像使用第n个子选择器时的工作方式?CSS3已经支持正确的列支持:jQuery能够帮助非CSS3浏览器正确显示代码吗?有点像在使用
:n个child
选择器时它是如何工作的?除非我遗漏了关于浮动
li
节点的
ul
标记的特殊属性,否则一定要在容器元素上加上一个好的
clearfix
。浮动
li
节点将生成如下列:
12
34
56
,而我正试图让它这样显示:
14
25
36
,除非我遗漏了一些关于浮动
li的
ul
标签的特殊属性节点,确保在容器元素上也有一个好的
clearfix
。浮动的
li
节点将生成如下列:
12
34
56
,而我正试图让它这样显示:
14
25
36
是的,但您看到了这些列是如何不再按字母顺序排列的,至少是垂直排列的吗?这就是我想要达到的目标。如果JavaScript被禁用,它将显示为一个简单的列表,没有任何东西会真正中断。是的,但是您看到了列如何不再按字母顺序排列,至少是垂直排列?这就是我想要达到的目标。如果禁用JavaScript,它将显示为一个简单的列表,没有任何内容会真正中断。