html中ul和li组合的列表是竖的排列的，怎么些css把列表变成横的排列？

如题所述

第1个回答 2014-10-27

把他们的float设置成left或者right追答

如：
li
{
float:left;
}

第2个回答推荐于2017-09-22

第3个回答 2018-06-26

<head>
<style type="text/css">
li{display:inline;}
</style>
</head>
<body>
<ul>
<li>123</li><li>456</li><li>789</li>
</ul>
</body>
给li的标签加上display:inline的样式，转换成行内元素就可以了。

相似回答

HTML排版,怎么实现横向放置元素?答：1、用Dreamweaver新建一个HTML文件 2、修改title为html+css实现横向导航 3、新建一个div id为“a”，添加ul li标签 4、在li中添加自己想要的文字并调整好文字间距,按F12预览，如下图所示 5、首先去掉字体前面的小黑点，代码如下：6、接下来，使文字横向排列，设置代码如下，给li设置左浮动效果 7...

css编写的简单的二级菜单怎么横向排列?答：<HTML> <HEAD> <TITLE> menu </TITLE> </HEAD> <style> body{ padding-top:200px;text-align:center;font-size:13px;} content{ margin:0 auto;text-align:left;width:720px;background:orange;background-color:black;} ul{ margin-top:1px;list-style:none;} father li{ float:left;po...

怎么ul li做横向的导航用具体HTML和CSS实例说明答：nav ul{padding-left:60px;} nav ul li{width:120px;height:30px;float:left;margin:0 5px;display:inline;} nav ul li a{display:block;width:118px;height:28px;border:#00f dashed 1px;text-align:center;line-height:28px;} nav ul li a:hover{width:118px;height:28px;border:#f...

HTML的li如何横向显示?答：添加 float:left; 即可横向排列。添加 display: flex; 即可横向排列。当设置 display:flex时， float:left会失效。看你截图，li应该是已经实现横向排列了，只是宽度不够，导致字体竖向显示了。给li设置宽度应该就可以了

css里ul下面的li的文字为什么总是显示一排答：默认不是显示一排的，应该是你在css里头设置了display:inline，或者float属性，才会导致显示一行

急!CSS中,怎么让ul li中的图片和文字横向水平居中答：建一个div，ul里面包括四个li，在css样式里面设置li水平对齐就行了，text-align:center; 如果发现图片不能对齐的话，可以对它单独设置个padding值。

...用css语言 怎么把<ui><li><li></ui>这个代码下的文字横着显示,居中...答：text-align:center; width:100px} </style> <ul id="banner"> <li><a href="">首页1</a><li> <li><a href="">首页2</a><li> <li><a href="">首页3</a><li> </ul> 横着显示的关键属性是<li>的float:left，最好定义一个宽度。居中对齐则是属性：text-align:center。

一个div里放ul,为什么li一开始就横着拍,我没有加float,然后我把div...答：li本身是块级元素，默认的流布局应该是竖着排列的。如果你横着排列切没有加float属性，应该是在前文对li做了重定义。你可以通过调试工具查看li属性是否有定义display 如果不太会用调试工具可以对当前li设定display:block属性就可以让他竖着排列了，注意css的优先级。

div+css 文字列表横向排列,自动换行。css里如何控制?答：亲，在<head></head>里面加上如下内容看看：<style> .xiangmu>ul>li { float:left;} </style>

大家正在搜

html ul li 横排间距 html怎么去掉li的点 html list style html div class html ul li去掉点 html 列表 html ul默认的项目符号 ul和li什么意思 css ul li