CSS怎么把li 内容显示在一行
展开全部
1、input {display:block; float:left; }
ul {margin:0px; padding:0px; float:left; }
这样就可以让input和ul显示在一行了。
但这样出现的问题是，紧跟着的内容也会跑到一行去，所以这里的ul后面再加一个div用来清除浮动。
2、input {display:block; float:left; }
ul {margin:0px; padding:0px; float:left; }
div {clear:both; }
3、当然，你也可以用两个td来并列实现，如：
<table><tr><td><input type="text" size="30" maxlength="100" value=""></td><td><ul class="errorMessage" style="color: red"><li><span>2134</span></li></ul></td></tr></table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>景安网络</title>
<style type="text/css">
li{ display:inline;}
</style>
</head>
<body>
<li>11</li>
<li>111</li>
<li>11</li>
</body>
</html>
使用display:inline;将li转换为行内元素即可
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>景安网络</title>
<style type="text/css">
li{ display:inline;}
</style>
</head>
<body>
<li>11</li>
<li>111</li>
<li>11</li>
</body>
</html>
使用display:inline;将li转换为行内元素即可
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
