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

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

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

【 tulaoshi.com - Web开发 】

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

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

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

解决方法如下:

1.删掉空格

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

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

.del img{margin-right:5px}

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

延伸阅读
标签: Web开发
看这个网页的底部,为什么会跑到那儿去呢?即使内容很少的情况下,它也始终在页面的底部。 否则页面底部将留下大量空白。 下面是它实现的代码: div id="wrap"     div id="main" class="clearfix"         div id="content"         /div   ...
标签: Web开发
纯 CSS 打造多列等高并不像想象中那么容易。本文着重讲述多列布局出现的问题,之后提供一个在所有浏览器都正常工作的简单解决方案。这个方法 100% 无 CSS hack,无图片,无 javascript,甚至可以用在最严格编码的网站上。 多列等高的问题   上例中有包含不同内容的 3 列,可以看出存在的问题是列的背景色随着其包含内容的高度而自...
标签: Web开发
许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边...
标签: Web开发
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如...
标签: Web开发
网页的版式设计---网页的排版与布局 很多朋友都想向我学习如何做网页,我知道他们的意思就是说要想向我学习如何用做网页的软件,如dreamweaver、flash、firework、photoshop等等,这些纯技术的东西我不想多谈,因为如今技术的发展一日千里,就是这种应用软件也是发展升级得非常的快。 今天的很多认为是较难实现的功能也许经过软...

经验教程

430

收藏

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