css列表怎么横着排列

发布时间：2024-06-05 点击：80

css列表横着排列的方法：可以利用【display:inline】属性把【<li>】标签设定为内联元素来实现横向排列效果。display属性规定了元素应该生成的框的类型。
思路：
设定<li>标签的display:inline，把<li>设定为内联元素来实现横向排列的效果。
（推荐教程：css视频教程）
属性介绍：
display 属性规定元素应该生成的框的类型。
具体代码：
<!doctype html><html><head><meta charset="utf-8"><title>列表横向排列的另一种方法</title><style type="text/css">ul li{display:inline;background:#f93; padding:5px;}}</style></head><body><ul> <li>item1</li> <li>item2</li> <li>item3</li> <li>item4</li></ul></body></html>效果：
问题：
li之间有空隙
解决办法：
把li写成一行
<ul> <li>item1</li><li>item2</li><li>item3</li><li>item4</li></ul>效果：
相关推荐：css教程

我在进行两个网站的党建备案
服务器上已经没有医院网站了
请问备案何时能有结果-备案平台
unzip命令解压war包方法
云服务器怎么强行关闭程序功能
php实例化什么意思
这个备案账号下面我想重新提交备案的执照
【池州网站建设】如果第一次做网站需要了解哪些东西