社区
JavaScript
帖子详情
如何居中 li
plglenn4
2009-11-10 11:53:05
...全文
230
22
打赏
收藏
如何居中 li
[图片]
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
22 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
plglenn4
2009-11-10
打赏
举报
回复
http://www.shuangyongjulebu.com/yikatong/Bulletin.aspx?bl_Id=5555
帮我看看,始终不行啊
浪子-无悔
2009-11-10
打赏
举报
回复
[Quote=引用 3 楼 wangying110166 的回复:]
css 控制 #div li{align:content}
[/Quote]看看..
ws_hgo
2009-11-10
打赏
举报
回复
vertical-align:middle
浮生若梦丶
2009-11-10
打赏
举报
回复
一直以为对ul li居中对齐已经掌握了。但最近做项目时发现之前li的float:left方法显然有一个问题,就是无法居中(水平),只能使用padding-left或margin-right的方法方法来固定其居中。但这样可能在宽屏与窄屏的显示不一致。
使用这种方法主要是利用li的浮动固定宽度来实现,li的默认display为block,将其这个属性改为inline便可实现这种ul li居中的问题
浮生若梦丶
2009-11-10
打赏
举报
回复
padding-top
teerhu
2009-11-10
打赏
举报
回复
[Quote=引用 4 楼 zhong2006 的回复:]
<li style=" vertical-align:middle; height:25px;">
[/Quote]
UP
plglenn4
2009-11-10
打赏
举报
回复
我指左右ul的居中
plglenn4
2009-11-10
打赏
举报
回复
最下面
http://www.shuangyongjulebu.com/yikatong/Bulletin.aspx?bl_Id=5555
zhong2006
2009-11-10
打赏
举报
回复
<li style=" vertical-align:middle; height:25px;">
wangying110166
2009-11-10
打赏
举报
回复
css 控制 #div li{align:content}
Lovely_baby
2009-11-10
打赏
举报
回复
加个padding-top:6px;试试
ck11926375
2009-11-10
打赏
举报
回复
lineheight
sohighthesky
2009-11-10
打赏
举报
回复
[Quote=引用 21 楼 plglenn4 的回复:]
为什么17%
[/Quote]
没有为什么,只是试了下17%,差不多刚好居中
plglenn4
2009-11-10
打赏
举报
回复
为什么17%
chen_xiangguo
2009-11-10
打赏
举报
回复
[Quote=引用 17 楼 plglenn4 的回复:]
引用 13 楼 chen_xiangguo 的回复:
把那个ul,去了吧,没有作用,还碍事
那么ul有什么用啊
[/Quote]
没有用呀,用个表格,就可以
sohighthesky
2009-11-10
打赏
举报
回复
[Quote=引用 17 楼 plglenn4 的回复:]
引用 13 楼 chen_xiangguo 的回复:
把那个ul,去了吧,没有作用,还碍事
那么ul有什么用啊
[/Quote]
内容在li里的,不能去掉ul
sohighthesky
2009-11-10
打赏
举报
回复
哦,知道了,给那个ul加一个 margin-left: 17%;
plglenn4
2009-11-10
打赏
举报
回复
[Quote=引用 13 楼 chen_xiangguo 的回复:]
把那个ul,去了吧,没有作用,还碍事
[/Quote]
那么ul有什么用啊
plglenn4
2009-11-10
打赏
举报
回复
还有水平居中问题
xiaofan_sap
2009-11-10
打赏
举报
回复
你用的是float,当然不居中了 ,实在想居中的话 就用margin-left margin-right 或者padding-right padding-left来实现 个人感觉在这个位置没必要用ul和li了
加载更多回复(2)
li
浮动还可以
居中
ul
li
浮动还可以
居中
ul.html
如何用float配合position:relative实现
居中
今天发现自己做的一个项目中有个图片切换的下面的按钮不是固定个数,程序那边根据循环实现放几个切换的按钮,但是按钮相对于整体的要
居中
,刚开始想着用display:in
li
ne-block;实现,但是ie6和ie7对块元素使用这个属性不是特理想,只能用hack解决,于是去请教同事,发现还有一种更好的解决办法。 html代码如下: 复制代码代码如下: 关于position:r
终于实现了让ul里面的
li
水平
居中
如何让
li
在ul中水平
居中
li
的宽度任意设置
实现
li
的宽度任意设置,总是在ul中水平
居中
,实现结果: 关键一点就是给ul设置display:table; 上代码: css样式: * {/*重置样式*/ margin: 0; padding: 0;
li
st-style: none; color: #fff; text...
ul 标签
li
居中
显示
ul.abput_content1{width:500px; text-a
li
gn:center;}ul
li
{dispay:in
li
ne-block;}ie6,ie7 不支持in
li
ne-block; 可以用in
li
ne代替(ie6,ie7垂直高度和padding(无效)了。) 公司简介 企业文化 荣誉资质 一、in
li
ne元素都在一行内显示,直到该行排满,对in
li
ne元素设置widt
Html的
li
垂直
居中
等距排列,让
li
里面的元素垂直
居中
的方法
html:发表评论昵称/Username:电子邮件/Email: 内容/Message:css:.content .leave ul
li
{
li
st-style: none;height: 100px;width: 700px;
li
ne-height: 100px;border-bottom: 1px dashed #D9D9D9;}.content .leave ul
li
input{widt...
JavaScript
87,994
社区成员
224,697
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章