对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。如下:HTML 代码: 我是浮动的 我也是居中的CSS 代码:.box{ float:left; position:relative; ...
分类:
Web程序 时间:
2015-09-12 23:35:10
阅读次数:
243
方法一: line-height居中显示.vertical { line-height:200px;//这里将跟height一样 } 方法二:position定位方式 给容器设置绝对定位(position:absolute),并且定位高度(top:50%)和margin-top为高...
分类:
Web程序 时间:
2015-09-12 16:02:03
阅读次数:
151
http://www.cnblogs.com/sosoft/p/3509977.html1、两列布局1.1、左列固定,右列自适应#left{ width:190px; float:left; }#right{ margin-left:205px; }1.2、右列固定,左列自适应#left{ floa...
分类:
Web程序 时间:
2015-09-12 14:42:58
阅读次数:
134
1.实现自动居中---列布局:标准文档流,块级元素,margin属性margin:10px auto;2.清除浮动:p{clear:both;} 或 p{width:100%; overflow:hidden;}3.相对定位relative:相对于自身原有位置产生偏移量,仍处于标准文档流中占有位置,...
分类:
Web程序 时间:
2015-09-12 14:40:57
阅读次数:
112
一、width:auto ? 1、块级元素默认的宽度值,意味着浏览器会自己选择一个合适的宽度值。 2、内容的宽度=‘margin-left‘ + ‘border-left-width‘ + ‘padding-left‘ + ‘width‘ + ‘padding-right‘ + ‘border-right-w...
分类:
Web程序 时间:
2015-09-12 12:23:51
阅读次数:
267
BFC布局规则:内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。BFC...
分类:
其他好文 时间:
2015-09-12 00:45:58
阅读次数:
190
转自:问说网http://www.uedsc.com/discussion-margin-and-padding-values.htmlMargin和Padding是我们在网页设计经常使用到的CSS样式,他们分别是间距和填充,一个作用于盒子外面,一个作用于盒子里面,默认的情况下,这些属性的值都会被计...
分类:
其他好文 时间:
2015-09-11 14:30:29
阅读次数:
208
前段时间我同事对于margin和padding应用百分比值似乎有些误解,觉得可能是个普遍问题,所以觉得有必要拿出来单独写一下。margin和padding都可以使用百分比值的,但有一点可能和通常的想法不同,就是margin-top | margin-bottom | padding-top | pa...
分类:
Web程序 时间:
2015-09-11 14:19:27
阅读次数:
156
css样式修改#darkbanner{margin:20px 0px 0px -18px;padding: 8px 10px 10px 40px;background:#424242 none repeat scroll 0%;position:relative;width:380px;}#dark...
分类:
其他好文 时间:
2015-09-10 23:50:42
阅读次数:
242
/* ul li以横排显示 *//* 所有class为menu的div中的ul样式 */div.menu ul{ list-style:none; /* 去掉ul前面的符号 */ margin: 0px; /* 与外界元素的距离为0 */ padding: 0px; /* 与内...
分类:
其他好文 时间:
2015-09-10 22:22:07
阅读次数:
126