canjianerguo

div 图片位置设置

一.关于div定位

    要是想div中的字元素是相对于符元素进行绝对定位时,要先在父元素中设置属性  position:relative;然后在想要绝对定位的子元素中设置属性  position:absolute;这样,子元素就是相对于父元素进行定位,而不是相对于整个屏幕绝对定位。然后在设置right,left,top, bottom的值就行了。具体关于div定位的下面的连接给了更具体的解释。

http://www.cnblogs.com/Zigzag/archive/2009/02/19/position.html

    若要设置div中元素的位置也可以设置   text-align:;参数有left ,right  ,center 等等。

二.css设置

    设置div中元素水平居中:  margin:0 auto   __;后面下划线可以不设值,即为水平居中,若把0改为别的值则是指margin-top为改变的值;margin:的参数为上,右,下,左。

    div颜色:backgroud-color或background;     

    设置div圆角: border-radius:5px;

    设置div或其他一些标签可编辑: contentEditable="true"

   设置div有滚动条:overflow="scroll"

设置文字行高:line-height:10px;

三.设置图片在div中水平居中

    在img标签中设置style ="vertical-align:middle;"当《img》标签和字符串在一起时,字符串此时默认居于图片的左下角或右下脚,如要使字符串水平居中必须在img标签中设置style ="vertical-align:middle;"才行,否则,改变不了。

posted on 2016-05-05 22:06  擦_肩_而_过  阅读(2467)  评论(0编辑  收藏  举报
 

分类:

技术点:

相关文章: