|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
网页制造poluoluo文章简介:利用浮动往失落元素中的过剩空缺间距.
IE6的某些元素在体现上有过剩的一些空缺间隙,大概更抽象的说是“外边距(margin)”,要末是margin-top,要末是margin-bottom,固然另有margin-left,margin-right。这个在表单位素中出格罕见。即便我们的resetCSS已将这些元素的margin值设为0。
能够看一个实例:好比们想摹拟一个双边框的文本框,如图:
看html代码:
1.<span><inputtype="text"name="textfield2"id="textfield2"/></span>
css代码:
1.span{border:1pxsolid#FCCC83;display:inline-block;overflow:hidden;zoom:1}
2.
3..url-input{width:200px;height:18px;background-color:#FFFFFF;padding:2px003px;border:1pxsolid#FA9806;}
其他扫瞄器下一般,可是ie6下(ie7下未测试),如图显现:
span和input之间分明有个间距。这个时分间接无语了。即便我们将input设为margin:0;padding:0;
千般无法下只能使input浮动,由于之前也碰着过相似的成绩——【IE6的猖狂之六】li在IE中底部3像素的BUG(增添浮动办理成绩)
看html代码:
1.<div>输出视频、网页、音乐的地点:<span><inputtype="text"name="textfield2"id="textfield2"/></span><inputtype="submit"name="button"id=""value="分享"/></div>
css代码:
viewsourceprint?1.*{margin:0;padding:0;font-size:12px}
2..share-submit{margin:5px020px;background-color:#F9FBFC;border:1pxsolid#D1D6E2;padding:8px;overflow:hidden;zoom:1;width:550px;margin:20pxauto}
3..share-submit.url-input{width:200px;height:18px;background-color:#FFFFFF;padding:2px003px;float:left;border:1pxsolid#FA9806}
4..share-submitspan,.share-submitinput{vertical-align:middle}
5..share-submitspan{border:1pxsolid#FCCC83;display:inline-block;overflow:hidden;zoom:1}
该成绩我今天也拿到css丛林会商,等候有更好的办理办法,入手下手没有找到
经由次测试,这个办法屡试不爽,固然不晓得缘故原由可是也算是一个办理计划了。接待留言说出您的办理办法,接待拍砖!,假如您晓得缘故原由接待留言告诉,感激涕零!
</p>
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了 |
|