随笔分类 - 网页布局
css多列等高
摘要：父元素 text-align:center 子元素display:inline-block
阅读全文
摘要：重要CSS属性 最外层块元素text-align:center; 分页， 随着页数不断增加，宽度不断增加，一直保持水平居中 HTML结构 CSS属性 对于a标签使用padding margin， a元素不是块级元素 可以直接排列一行 ，其他使用场景暂时没有想到
阅读全文
摘要：实现效果： 1.二级菜单下拉展示的全屏展示，下拉内容块居中 2.一级菜单 并不是所有都有二级下拉菜单 ，不能使用,通过比较标签内的属性来确认具体是哪个一级导航有下拉菜单,比如 <div index="product"></div>对比一级菜单和二级菜单的index属性来显示对应的内容； <ul> <
阅读全文
摘要：1. 图片和文字的 整体DIV 垂直居中HTML结构 这里div 高度谷歌下查看是63px, 图片使用vitical-align:middle居中 文字行高居中 文字顶部对齐vetical-align:top;只需要div的父元素 li设置position: relative;子元素DIV 设置样式...
阅读全文
摘要：1.使用float后，脱离文档流 父级元素使用overflower:hidden; 回归文档流 实例 <div class='parent'> <div class="son">float:left</div> <div class="son">float:left</div> </div> 这里c
阅读全文
摘要：1.利用vertical-align:middle； 父级元素设置成display:table-cell; 同级元素设置一个span标签 设置display:inline-block；图片样式设置vertical-align:middle; 添加的span标签要给高度100%; display:in
阅读全文
摘要：实现这个三列等高 布局需要最外层的一个div wrap容器 里面有三个div容器 这个最外层div 需要移除隐藏 overflow:hidden; 关键点就是三列div 同时margin-bottom 向下移动10000个像素 padding-bottom在向上移动回10000 像素 只要在1000
阅读全文
摘要：1.纯色的全等的三角形实现 下面的就是实际实现 没有宽高 只有边框 都是透明 根据箭头的方向 给边框方法加颜色 比如需要像右箭头 只需要给border-right-color:颜色值; 即可 css body{ background: #000;} #a1{ width: 0px; height:
阅读全文
