css字体上下有空白 css文字上下行距怎么调

为什么我用CSS写网页,上下两个元素中间总有空格

inline-block本身会自带空隙或者block块级元素和其他元素之间因为空白而产生间隔。

你把上下两个div放在一个div里面，用绝对定位，无论在哪个浏览器中都不会出错。

应该进行初始化，如果没有很多元素默认会存在margin或padding。因此建议在css第一行添加*{margin：0px；padding：0px；}。

浏览器会自动给一些元素加margin和padding， 你的例子中IE给第二个ul加上了30pt的margin-left，而firefox加上了padding。

相关问答

Q1: CSS导致出现空白区域

1、最后就是考虑是否将margin-top切换成padding-top。再一个就是下边距的问题，下边距会与上边距产生一模一样的问题，也可以按照这3种方式来解决。不过这里的下边距还有另外一个问题。

2、left，另一个是float ：right。

3、加载快的方法，单独的字体选择器：如果字体使用时没有被加载完，用户将看到空白，直到字体加载。这，当然不是一件好事，如果字体加载失败。最起码，用户将会在空白的地方盯着几秒钟。

Q2: div有上下空白怎么消除

那是因为你有hr。有低版本的ie中hr有个最小高度，虽然你设置了1px但是并没起使用。

首先，打开html编辑器，新建html文件，例如：index.html。

不知道你div 2的高度，如果要消除，估计需要top：-(高度)px；这样应该就是完全遮盖掉div 2。如果是定位问题，你可以使用firefox的firebug插件，这个工具可是开发者必备的哦。对你调试css大有帮助。

相对定位一般只用于给后代元素提供一个“框架”参考，基本和绝对元素没有太多差别 所以最佳解决方法是，最初就用绝对定位来代替相对定位。其后代元素也是可以用这个元素作为参考的。

在项目过程中，发现两个padding和margin都为0的div之间有空白，以下为解决办法。给父容器加上 font-size： 0px 即可解决。

Q3: div+css设计时,出现空白,怎么解决!!!

1、所以最佳解决方法是，最初就用绝对定位来代替相对定位。其后代元素也是可以用这个元素作为参考的。

2、那是body的默认属性，一般写网页都会去掉默认属性，以便以后开展工作，以后你会接触更多带有默认属性的标签，就像链接默认有下划线……你可以在css中加入*{margin：0；padding：0；}，意思是去掉所有默认内边距外边距。

3、ie6最恶心人的就是双倍bug， 你是不是用margin-left了， ie6会显示你设的边距的二倍。还有，你的图看不清楚。

Q4: css代码疑问,为什么上下会出现空白?

是float的问题， 你想把page和complementry放在一行， 但一个是float： left， 另一个是float ： right。

用火狐浏览器下一个Firebug插件，然后查看页面元素。有空白可能是你css样式调的宽高留下的空白。

包括了字体的高度和行间距，默认情况下，行高肯定是大于字体高度的（也就是说行与行之间是有空隙的，也就是行间距）。而 line-height：1 的意思，就是行高和字体高度相等，这时候行间距就是0，所以上下就没有空白了。

你动态代码自动生成了一些东西，CMS经常会这样；你可以用css代码控制，不过这样不治本，你最好修改你的动态代码，cms重写之类的。

，设置margin-top：0px；margin-bottom：0px；可以把顶部和底部设置为不空行。你这里头部并没有空一行，而是你没有加背景色，并且加了文字。

css字体上下有空白的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css文字上下行距怎么调、css字体上下有空白的信息别忘了在本站进行查找喔。