zoukankan      html  css  js  c++  java
  • css重新认识(2)

        1)行内元素可以用margin-left与margin-right调整位置,但用margin-top与margin-bottom来调整位置不会有效果,只有具有block属性值后才能像块级元素般被外边距上下调整;

        2)在一行中,不建议优先考虑用行内元素充当块级元素(div才应当是你的首选),特别是在同一行中用不同的行内元素充当不同大小的块级元素(如a与span),这样做的弊端挺多的:

                 1>同一行某个行内元素做位置调整时,其他行内元素位置会一起做出变化(这点我遇到时觉得真的很莫名奇妙);

                 2>在IE8里,行内元素的padding可能会失效(a标签的伪类hover设置padding有效),所以尽量避免设置padding值对于兼容浏览器特别是IE是很重要的,这一点在兼容屏幕分辨率时也很重要,因为在padding确定时内容部分会在受到空间挤压时首先改变大小,设置padding,无形当中占用了内容部分的伸缩空间。

                  3>div是浏览器公认的解决样式的主流元素,尽量用div来实现定位和做盒子,一定程度上可以避免浏览器解析的差异。

        3)overflow:scroll这个属性不一定能完全显示盒子的内容,这需要盒子的高度做调整,每个浏览器的解析不一样,需要每个都照顾一下。

        

  • 相关阅读:
    vlc-ts
    es 模板
    zookeeper 启动脚本
    received shard failed for shard id
    gitlab runner 配置
    kafka 配置文件注释
    logstash 统计告警
    BigBao 的python开发到DevOps 之路
    logstash 自动重新加载配置
    rsyslog 传输日志
  • 原文地址:https://www.cnblogs.com/zhu-xingyu/p/5284572.html
Copyright © 2011-2022 走看看