DIV
文章平均质量分 63
瞄了个猫
这个作者很懒,什么都没留下…
展开
-
手机自适应设计代码以及案例
手机自适应设计的三大根本:一:允许网页自动调整宽度<meta name="viewport" content="width=device-width, initial-scale=1" /> 说明:viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏原创 2016-08-23 12:07:29 · 2372 阅读 · 0 评论 -
手机端模板的套用
一、手机端的html代码<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-s原创 2016-10-11 09:55:21 · 833 阅读 · 0 评论 -
常见的手机端头部banner切换代码设置
常见的手机端头部banner切换代码一 HTML代码部分:<!-- begain头部banner图片切换 --><style>.banner{ width:100%; height:auto; overflow:hidden; position:relative;}.banner img{ width:100%;}.banner div{ width:100%; height:auto;翻译 2016-10-11 11:08:25 · 5968 阅读 · 0 评论 -
使用float:right后内容下移换行的原因及解决方案
问题: 如下图所示,使用float:right;之后,右边的内容换行了,代码如下:<style>.fl{width:100%;text-align:center;}.fll{width:30%;background-color:#ff0;}.flr{width:70%;background-color:#f00;float:right;}</style><div class="fl">原创 2016-11-16 14:21:41 · 12267 阅读 · 0 评论 -
图片下面出现空白像素的6种解决办法
图片转换为块级对象可去掉下边空白设置img为:display:block;设置图片的垂直对齐方式设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”设置父对象的文字大小为0pxfont-size:0;改变父对象的属性如果父对象的宽、高固定,图片大小随父对象而定,那么可以设置:overflow:hidden;来去掉空白设置图片的翻译 2016-09-17 09:20:58 · 5575 阅读 · 0 评论 -
DIV+CSS中图片和文字混排居中问题解决方案
DIV+CSS居中之图片与文字同排垂直居中未设置文字和图片在同排同行时候上下垂直居中时,CSS实例图片如下: 说明: 以上为图片,后面跟着是文字段,可见虽然图片与文字在同行,但是文字未上下垂直居中,明显图片垂直居上,文字垂直居下。 DIV+CSS实例代码如下:<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http:原创 2016-08-22 15:13:58 · 6283 阅读 · 0 评论 -
div背景图片或颜色不显示的解决办法
div背景图片或颜色不显示的解决办法背景图片不显示的原因主要有以下几个方面:css没有被调用css图片地址不对div的高度没有固定,是auto、没有设值或者高度不够div被嵌套div代码不规范解决办法:DIV高度为自动,背景颜色无法显示,在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important;同时还可以兼容 IE6、7、8原创 2016-08-10 17:01:58 · 12755 阅读 · 0 评论 -
display:inline-block;的神奇用法
浮动布局就是指通过使用float属性,让列表元素依次排列的布局。浮动局部的局限性,就是每个列表元素的高度必须要一致,否则就会像是俄罗斯方块一样,“锯齿相错”,例如一个左浮动列表布局,如果第一行有个列表高度高于其他列表,那就在第二行,第一个元素会沿着最高元素的右侧对齐...转载 2016-08-23 17:16:01 · 6448 阅读 · 0 评论 -
【CSS hack】常见的前端bug处理
css需要设置的样式/* CSS Document*//*********通用样式********* * * 2016年11月14日14:55:14 * 减少默认样式有可能带来的问题。 * 特色:1. 适应中文;2. 基于最新主流浏览器。 ***/@charset "utf-8";/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p,原创 2016-11-14 14:56:16 · 518 阅读 · 0 评论