推荐于2017-09-25 · 知道合伙人互联网行家
可以通过width属性设置li中字段的宽度根据实际长度显示宽度。在li的样式中加上width:auto;就可以实现了;现在来看下面一段代码:
CSS样式设置:
#info_main{text-align:center; border:1px solid
#CCC;width:620px;}
#info_main li{width:auto;float:left;margin:0px 8px;
padding:0px;border:1px solid #CCC;}
网页代码:
<div
id="info_main">
<ul>
<li>时间:{dede:field name='pubdate'
function='strftime("%Y-%m-%d %H:%M","@me")'
/}</li>
<li>来源:{dede:field.source/}</li>
<li>作者:{dede:field.writer/}</li>
<li>点击:<script
src="{dede:field
name='phpurl'/}/count.php?view=yes&aid={dede:field
name='id'/}&mid={dede:field name='mid'/}"
type='text/javascript'
language="javascript"></script>次</li>
</ul>
</div>
显示效果如下图:
<head>
<style type="text/css">
.pa{background-color:red;width:50px;}
</style>
<title>标题</title>
</head>
<body>
<ul><li class="pa">宽度</li>
<li>姓名</li></ul>
</body>
</html>