如何居中 li

plglenn4 2009-11-10 11:53:05
...全文
230 22 打赏 收藏 转发到动态 举报
写回复
用AI写文章
22 条回复
切换为时间正序
请发表友善的回复…
发表回复
plglenn4 2009-11-10
  • 打赏
  • 举报
回复
浪子-无悔 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的居中
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)

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧