网页空格引起网页布局间距问题

2016-02-19 15:15 7 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的网页空格引起网页布局间距问题,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

发现的“页面空格引起的间距问题”,是不同浏览器对“空格”宽度的解析不同造成的。

ie7浏览器解析的空格间距要比ie6/firefox大。

解决方法如下:

1.删掉空格

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

2.给需要间距的元素margin属性,示例:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

.del img{margin-right:5px}

来源:http://www.tulaoshi.com/n/20160219/1609226.html

延伸阅读
标签: Web开发
在进行CSS网页布局时会遇到许多奇怪的问题,这些问题可能是浏览器的bug,也可能是对CSS属性不够了解所造成。本文就探讨一下CSS外边距叠加的问题。 边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并(叠加)是一个相当简单的概念。但是,在实...
标签: Web开发
纯 CSS 打造多列等高并不像想象中那么容易。本文着重讲述多列布局出现的问题,之后提供一个在所有浏览器都正常工作的简单解决方案。这个方法 100% 无 CSS hack,无图片,无 javascript,甚至可以用在最严格编码的网站上。 多列等高的问题   上例中有包含不同内容的 3 列,可以看出存在的问题是列的背景色随着其包含内容的高度而自...
标签: Web开发
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如...
标签: Web开发
许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边...
标签: Web开发
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:ce...

经验教程

418

收藏

6
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部