CSS怎么把li 内容显示在一行

html-css023

CSS怎么把li 内容显示在一行,第1张

1、input {display:blockfloat:left}

ul {margin:0pxpadding:0pxfloat:left}

这样就可以让input和ul显示在一行了。

但这样出现的问题是，紧跟着的内容也会跑到一行去，所以这里的ul后面再加一个div用来清除浮动。

2、input {display:blockfloat:left}

ul {margin:0pxpadding:0pxfloat: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转换为行内元素即可