li元素占据了屏幕的整个宽度
编码器
我正在制作一个简单的移动网站。在其中的一部分中，我有一个无序列表。
<ul id="list" class="sortable"></ul>
遵循以下CSS规则：
.sortable,li {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
li {
list-style: none;
border: 1px solid #CCC;
background: #F6F6F6;
color: #1C94C4;
margin: 5px;
padding: 5px;
height: 22px;
}
li.sortable-placeholder {
border: 1px dashed #CCC;
background: none;
}
li元素是通过javaScript动态添加的。我的问题是输出没有覆盖屏幕的整个宽度。如屏幕截图所示，开始时还有很多空间：
怎么了？我该怎么办？我该如何解决？
桑奇特
试试这个：
使包含该li的ul没有边距或填充。
#list { margin:0; padding:0; }
您也可以尝试将a添加 display:block 到 li CSS中。
编辑（感谢弯角）：UL和LI都是块级元素。只能怪您在ul上的边距/填充。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
占据屏幕整个宽度的图像
- 2
如何让页脚边框占据屏幕的整个宽度？
- 3
使用relativelayout并排添加控件以占据整个屏幕宽度
- 4
Android-如何获取滚动视图以占据屏幕的整个宽度？
- 5
td元素的子元素占据整个宽度和高度
- 6
TD占据行的整个宽度
- 7
我的JList占据了整个屏幕
- 8
我的JList占据了整个屏幕
- 9
android webview占据整个屏幕
- 10
使网格元素占据整个网格
- 11
无法拉伸两个元素以使其占据页面的整个宽度
- 12
使VStack中的文本占据VStack的整个宽度
- 13
强制视频占据 SImpleExoPlayerView 的整个宽度
- 14
在ul的整个宽度上跨越li元素的填充
- 15
UITextField的键盘是否必须占据整个屏幕？
- 16
背景图像占据整个屏幕
- 17
布局不会占据整个屏幕
- 18
如何使元素的宽度变为屏幕的整个宽度，而不是父级的宽度-CSS
- 19
div不占据屏幕宽度的100％
- 20
桌子未占据屏幕宽度的100％
- 21
仅在占据页面的整个宽度（在其自己的行上）后才有行内元素换行吗？
- 22
仅在占据页面的整个宽度（在其单独的行上）后才有内联元素的换行符吗？
- 23
使div跨过屏幕的整个宽度
- 24
DialogFragment 占用整个屏幕宽度
- 25
有没有一种方法可以使具有绝对位置的元素占据屏幕宽度？
- 26
硒，元素，整个<li>
- 27
如何使 <a> 标签占据 <li> 元素的 100% 高度
- 28
Chrome扩展程序无法占据整个窗口宽度
- 29
使Bootstrap Column占据整个页面宽度（或至少90％）
我来说两句