html中 让 ul 的多个 li 在一行内显示
来源:互联网 发布:小米note 顶配版我知乎 编辑:程序博客网 时间:2024/05/17 23:50
有时候会需要ul的li都在同一行显示,避免li跑到下一行去,今天遇到了这个问题,记录下来,避免忘记~
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
xml:lang=
"en"
>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html;charset=UTF-8"
>
<title>Document</title>
<style type=
"text/css"
>
*{
padding
:
0
;
margin-bottom
:
0
;
border
:
0
;
}
.box{
width
:
640px
;
height
:
50px
;
overflow-x:
scroll
;
overflow-y:
hidden
;
}
ul{
display
:
inline
;
white-space
:
nowrap
;
}
ul li{
padding
:
10px
20px
;
display
: inline-
block
;
background
:pink;
white-space
:
nowrap
;
}
</style>
</head>
<body>
<div class=
"box"
>
<ul>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
<li>所有li都在一行显示</li>
</ul>
</div>
</body>
</html>
随便写了下,好丑,不要在意细节哈哈哈~~~~
0 0
- html中 让 ul 的多个 li 在一行内显示
- 让UL里的li在一行显示
- LI标签在Ul中居中显示
- HTML中UL、OL、LI的用法
- div里面的li一行显示,ul居中
- HTML让字体在一行内显示不换行
- 在HTML中,让两个DIV在同一行显示
- 在struts中如何去掉在页面显示的ul li
- CSS 让div内的span在一行显示
- CSS 让div内的span在一行显示
- 多个ul中获取第一个li获取定位
- html中去除ul li前的黑点
- <ul><li></li></ul>之间的文字居中水平显示
- li在ul中居中显示 并且可以为li设定宽度
- UL里的LI元素左浮动层一行显示时,使其居中
- html/CSS中ul li左对齐
- HBuilder动态的向<ul></ul>中插入<li></li>
- li中嵌套ul在ie6,7下的bug
- java获取本周的周一到和周天
- 微信公众号开发(1)
- codeforces 732F 双联通分量
- nginx rewrite 指令
- 系统中的DEP功能
- html中 让 ul 的多个 li 在一行内显示
- 关于绝对路径和相对路径(啥啥未定义或者找不到神码目录)
- Quartz整理
- (转)美国进入智能投顾竞争时代
- Spring MVC入门
- Javascript模块化编程(二):AMD规范
- 最长公共子串 Longest Common SubString
- tensorflow batch normalization
- js 遮罩层 loading 效果