您正在使用 IPV4 [18.97.14.91] 访问本站，您本次已经查看了 1 页
用户名：　密　码：　验证码：　 　　　用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
[公益]保护绿色环境，构建和谐社会      

【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中      
[公益] 地球是我家，绿化靠大家      
2025年 圣诞节 剩 044 天
2026年 元　旦 剩 051 天
2026年 情人节 剩 095 天
2026年 春　节 剩 098 天
　
您现在的位置：首页 >> 脚本代码 >> 内容
本类新增
本类热门
CSS设置多行文本垂直居中的方法
内容摘要： /*多行居中对齐的方法，width，height必须使用px单位，再配合vertial-align:middle和display:table-cell属性，且div不能浮动*/.vcenter{width:100px;height:102px;vertical-align:middle;display:table-cell;overflow:hidden;}......
/*多行居中对齐的方法，width，height必须使用px单位，再配合vertial-align:middle和display:table-cell属性，且div不能浮动*/

.vcenter

{

width:100px;height:102px;vertical-align:middle;display:table-cell;overflow:hidden;

}

如果这个div必须浮动，那么可以在里面再嵌套一个div。这种方法有一个问题，就是width和height必须固定，否则无法实现居中。

父div再设置一个display:table的属性。这种方法还有一个问题，就是overflow属性不起作用了，这就是把div设置成table-cell的后果，所以如果要实现overflow：hidden，还需要在里面设置一个div，单独设置overflow：hidden的属性。
版权声明：本内容来源于网络，如有侵犯您的版权，请联系站长，本站收到您的信息后将及时处理。
上一篇：js控制文本框禁止输入特殊字符详解

 

下一篇：更换select下拉菜单背景样式的实现代码
发布日期：2023/12/4
手机扫二维码直达本页
发布时间：15:48:57
点　　击：14
录　　入：哲哲
相关文章
Baidu
YiJiaCMS 7.5.8 build250610(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,腾讯云提供加速防护
运行时间载入中.....