li标签属性里图标如何实现居中？

来源：蜘蛛抓取(WebSpider) 时间：2015-05-07 18:08 标签： li标签横向排列
推荐这篇日记的豆列
······怎么设置ul ,li标签元素横排且居中啊？_百度知道
怎么设置ul ,li标签元素横排且居中啊？
提问者采纳
500px:0px auto:100px。比如有五个LI标签;}
ul li { width，每一个LI的宽度是100px:left: height，就把UL的宽度设为500px 然后居中;eg: ul {width，但可以让UL居中; text-align让LI单独居中不行; margin
CSS中定义一下li的修饰li { list-style-type: display: }
其他类似问题
按默认排序
其他2条回答
}ul li{float: 0margin: 20px:
100pxul{width
ul li中style=&float:text-align:center&
li标签的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁汇聚2000万达人的兴趣社区下载即送20张免费照片冲印
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
Shining Star ！
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(569)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'asp.net 标签元素竖直方向居中',
blogAbstract:'ul li{width:60height:30background:none repeat scroll 0 0//让li中的元素水平居中text-align://让li元素水平显示display:inline-//设置li中的行高，使li中的元素垂直方向上居中显示line-height:30}',
blogTag:'',
blogUrl:'blog/static/7',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:7,
permalink:'blog/static/7',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'Shining Star ！',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}li 标签里的文字上下居中，与图片处于同一水平线_百度知道
提问者采纳
30px:30line-}即可，这样一行文字即可居中在#div_list li里面增加一个{height
没有改观，依然不在一个水平线上耶~
去掉行高，直接给文字直接加个margin-bottom:5
提问者评价
其他类似问题
按默认排序
其他2条回答
你还可以设置文字内边距为padding:3px 0 3px 0或者只加个padding-bottom:2px大小自己调整吧
哈哈！我终于找到解决方法了，给在HTML里的图片加上： align=&texttop&。不要任何行高，然后在CSS里给li写marging-top：6px。完成！
把li加上line-height属性，让Line-height=li的高#div_list li{line-height:25}这里的25你可以试下，我觉得应该是在20多点的样子
HTML里写 &li&style=&height:30px&&CSS里写&line-height:30然后变成这样了：===================我是模仿中关村来做的，中关村的效果是这样的：
可以加个li img{line-height:数字;}这样就可以了那也可以把后面的文字加个&a href=&&&&/a&这样可以只设a的line-height值就可以我下班咯，闪了
写成超链接了依然不在一个水平线。写成 li img{line-height:35} 也无效
li img不写Line-height属性，li a{line-height:数字;height:数字:}
“提问者评价：好评 谢谢啊”，坑爹呢这是，我什么时候评价了上面那个设计师的？百度知道又瞎搞。 各位辛苦了，但都没有能解决这个问题。最后我自己把图片和文字分别做了DIV，控制位置就对齐了，代码多了一点，好歹效果出来了。所以我就不采纳满意答案了~~抱歉~
水平线的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 li标签横向排列 的文章

 

随机推荐