如何设置li的宽度
答案:2 悬赏:40
解决时间 2021-03-26 13:18
- 提问者网友：容嬷嬷拿针来
- 2021-03-25 16:38
如何设置li的宽度
最佳答案
- 二级知识专家网友：第幾種人
- 2021-03-25 17:44
可以通过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;}
网页代码：
id="info_main">
时间：{dede:field name='pubdate'
function='strftime("%Y-%m-%d %H:%M","@me")'
/}
来源：{dede:field.source/}
作者:{dede:field.writer/}
点击:次
显示效果如下图：
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;}
网页代码：
id="info_main">
时间：{dede:field name='pubdate'
function='strftime("%Y-%m-%d %H:%M","@me")'
/}
来源：{dede:field.source/}
作者:{dede:field.writer/}
点击:次
显示效果如下图：
全部回答
- 1楼网友：老鼠爱大米
- 2021-03-25 18:13
<html>
<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>
<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>
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯