码迷,mamicode.com
首页 > Web开发 > 详细

css 问题

时间:2018-01-11 15:54:24      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:code   适应   问题   100%   margin   有一个   span   就会   down   

问题1:使得在div中的图片自适应于Div的大小

图片放在DIV中是为了更好地管理,那么如果图片不能自适应与div的大小,则此事的初衷就会变质。
怎样自适应呢,有一个很简单的办法:

img{
    width: 100%
    height: 100%
}

解读

由于img是在div中的,所以img的大小比例由div来决定,img的长和高都设为100%,即满全的div大小。就可以实现img随div的大小而适应与div

问题2:各类居中问题

中国自古奉行中庸之道,实在来说,中间确实有一种美。所以居中是不可或缺的技能,由于框架居中与文字居中的不同,以前的自已总是很乱。
不过天道酬勤,前几天似乎顿悟了。现总结如下:

框架居中

.frame{
    margin: auto
}

文字居中

.text{
    text-align: center
}

css 问题

标签:code   适应   问题   100%   margin   有一个   span   就会   down   

原文地址:https://www.cnblogs.com/pualus/p/8267643.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!