社区
CSS
帖子详情
li中的元素怎么垂直居中
arjsyy
2009-08-25 09:52:19
就是li中加了一个文本框,文本框规定了行数,就变得高了,而它边上的说明文字没有在中间,而在文本框底部怎么让它垂直居中
...全文
1352
15
打赏
收藏
li中的元素怎么垂直居中
就是li中加了一个文本框,文本框规定了行数,就变得高了,而它边上的说明文字没有在中间,而在文本框底部怎么让它垂直居中
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
15 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
明烨海海
2012-05-04
打赏
举报
回复
height:28px; line-height:28px;一定可行
dgf522
2009-08-26
打赏
举报
回复
学习了!
lovebinqq
2009-08-26
打赏
举报
回复
li 加属性 display:block;
然后说明文字 属性用 padding 来调整位置。
引用 2 楼 arjsyy 的回复:
用padding的话肯定不行的,那样只是li中的所有元素肯定也会有相应的padding属性带来的效果,
引用 3 楼 ya270078781 的回复:
试试设置高和行高.如height:50px;line-height:50px;
egeg3000
2009-08-26
打赏
举报
回复
用表格布局一下,简单方便
wangc715
2009-08-26
打赏
举报
回复
首先设置li的高度 height:25px,如果你不设置line-height的话,他将top对齐,最好的办法是设置line-height的高度与li的高度一致,这样的话,文字在里的对齐方式就是垂直居中对齐的了。因为,文字在line-height的高度范围内是垂直对齐。
danny307
2009-08-25
打赏
举报
回复
恩,3楼的办法可行。
w521111
2009-08-25
打赏
举报
回复
恩,按3楼的试试
kiba518
2009-08-25
打赏
举报
回复
[Quote=引用 1 楼 rivertrue 的回复:]
试试看。
li 加属性 display:block;
然后说明文字 属性用 padding 来调整位置。
[/Quote]
[Quote=引用 2 楼 arjsyy 的回复:]
用padding的话肯定不行的,那样只是li中的所有元素肯定也会有相应的padding属性带来的效果,
[/Quote]
[Quote=引用 3 楼 ya270078781 的回复:]
试试设置高和行高.如height:50px;line-height:50px;
[/Quote]
ya270078781
2009-08-25
打赏
举报
回复
试试设置高和行高.如height:50px;line-height:50px;
arjsyy
2009-08-25
打赏
举报
回复
用padding的话肯定不行的,那样只是li中的所有元素肯定也会有相应的padding属性带来的效果,
rivertrue
2009-08-25
打赏
举报
回复
试试看。
li 加属性 display:block;
然后说明文字 属性用 padding 来调整位置。
cs5276
2009-08-25
打赏
举报
回复
恩,又长了见识
junyi2003
2009-08-25
打赏
举报
回复
单行内容的话,用line-height:??px; height:??px;
rivertrue
2009-08-25
打赏
举报
回复
不是 li 加 padding
而是 要居中的内容 再加个标签 span 什么的 设置这个span
healer_kx
2009-08-25
打赏
举报
回复
加个div就是了,让div居中啊。这样很方便。
浅谈最全面的水平
垂直居
中
方案与flexbox布局
最近又遇到许多
垂直居
中
的问题,这是Css布局当
中
十分常见的一个问题,诸如定长定宽或不定长宽的各类容器的
垂直居
中
,其实都有很多种解决方案。而且在Css3的flexbox出现之后,解决各类居
中
问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽,故想借介绍flexbox的同时好好总结一番各类
垂直居
中
的方法。 由简至繁: 行内
元素
的水平居
中
要实现行内
元素
(
、
、<
li
>、
等)
中
,并且在父层
元素
CSS设置如下: #container{ text-a
li
gn:center;
46种常见的浏览器兼容性问题大汇总
1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 7. firefox与IE的父
元素
(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE
中
能正常工作,但在FireFox
中
却不行. 3 3. CSS透明 3 4. css
中
的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8.
元素
水平居
中
问题 3 9. Div的
垂直居
中
问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19.
LI
中
内容超过长度后以省略号显示 3 20. 为什么web标准
中
IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3
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...
ul
中
li
水平
垂直居
中
我们在写轮播图时,底部的小圆点或数字会放在一个ul下
li
里,这时候一般都要求小圆点或数字
垂直居
中
,今天就写一个简单的
li
在ul
中
水平
垂直居
中
。 轮播图一般有两种,左右轮播和上下轮播,对应的ul
中
的
li
也分为水平排列和竖直排列,下面就针对这两种情况分别说明。 1、轮播图左右轮播,
li
水平排列: div class="box"> ul>
li
>
li
中
的
元素
垂直居
中
显示
首先设置
li
的高度 height:25px,如果你不设置
li
ne-height的话,他将top对齐,最好的办法是设置
li
ne-height的高度与
li
的高度一致,这样的话,文字在里的对齐方式就是
垂直居
中
对齐的了。因为,文字在
li
ne-height的高度范围内是垂直对齐。
CSS
61,110
社区成员
60,736
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章