这是模式,我需要使ul列表左对齐与水平滚动,如果它超过一些宽度,如460px没有垂直滚动条在css中。
<div class=parentDiv>
<ul> //here i need to give a horizontal scroll without vertical scroll
<li>content</li> // with left align
<li>content</li>
<li
使用自定义CMS的“表单生成器”,我编写了一个广泛的表单,为每个音乐“类别”的复选框列表来选择不同的歌曲。表单以表格格式写入HTML,因此我使用下面的代码将其转换为无序的列表格式,该列表格式将被分解为两列:
$(document).ready(function() {
var ul = $("<ul class='songList'>");
$(".checkList tr").each(function(){
var li = $("<li>")
$(
我现在从CSS开始,我仍然混淆了box模型和嵌套元素,这是将对齐应用到列表左侧的正确方法,直接使用li元素或ul元素。
ul {
background-color: red;
/*margin-left: -28px*/
}
li {
margin-left: -28px;
background-color: green;
}
ul + ul {
background-color: red;
margin-left: -28px;
}
ul + ul li {
margin-left: initial;
background-color: green;
我想开始水平地包着李文的线,现在它往上走。请看我的例子
HTML
<ul>
<li>Long text goes here.</li>
<li>Another Longer Text Goes Here</li>
<li>Shorter text</li>
</ul>
CSS
ul {width:150px;}
li {width:30%; display:inline-block;whitespace:pre-line;}
谢谢。
又需要一点帮助了。假设我有一个无序列表,并且我希望它总是包含偶数个li。如果数是奇数,如何使用jQuery来计算li的个数,并在末尾添加一个空值?
如果你想知道为什么,我有一个下拉列表,其中"ul li ul“的宽度是"ul li ul li”的两倍,所以这个下拉列表的li显示在两列中。因此,对于纯粹的视觉效果来说,总是有一个偶数的数量会很好,即使其中一个是空白的。
干杯