CSS配置图片居中的要领

2017-02-08
假如是应用了表格,那么配置单位格为align="center"就可以使个中的统统内容居中。假如没有应用表格要想配置图片居中就有点坚苦了。坚苦来自不按"通例出牌"的赏识器。凭证CSS尺度,只要配置了图片容器的CSS属性为 display:table-cell;vertical-align:middle;text-align:center;就可以使图片居中了。这个要领在Firefox Chrome Opera Safari都见效,由于它们是尺度赏识器。而在IE中就是不可,IE它最牛了。以下是通过IE hack办理这个题目的要领:
<style>
     .box {
     /*非IE的主流赏识器识此外垂直居中的要领*/
     display: table-cell;
     vertical-align:middle;
 
     /*配置程度居中*/
     text-align:center;
 
     /* 针对IE的Hack */
     *display: block;
     *font-size:175px;/*约为高度的0.873,200*0.873 约为175*/
     *font-family:Arial;/*防备非utf-8引起的hack失效题目,如gbk编码*/
 
     width:200px;
     height:200px;
     border: 1px solid #eee;
     }
     .box img {
     /*配置图片垂直居中*/
     vertical-align:middle;
     }
</style>
加入收藏 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!

无极源码之家 > 建站教程 > 使用技巧 CSS配置图片居中的要领 https://160170.cn/Teach/614.html

相关文章

评论
预留评论插件