关于在firefox浏览器中图片和文字的一些排版问题
今天我做了个页面，div+css结构，公司上面没什么要求，但我对自己要求还是很好高的。我得考虑到在多个浏览器兼容显示的问题，但是话说回来，如果我把全世界几十种浏览器都试一遍的话，那是不可能的，也是扯淡··· 所以我就只考虑了两种浏览器：IE内核的IE系列浏览器和firefox浏览器。 下面开始说一下页面的结构：页面的结构是这样的（其实是很简单的一个页面）呵呵，我开始说了，恩，你听到了？···靠，我还没说，你怎么听到了？哈哈··· 好了，页面结构是这样的：就是一行，左边是一张图片（图片是指定宽度和高度的），图片的右边是几行文字，在最右边是一张按钮图片，这张按钮图片要求和最左边的图片顶端对齐。恩，就是这样，伙伴们肯定认为：靠，好简单的页面。恩，确实是的，用div+css实现起来并不难，基本上三个div就可以搞定。（我就只用了三个div）当你将做好的html在IE内核的浏览器中浏览时应该不会有太大问题，但是如果在firefox中浏览的话，就会出现一些小问题：比如图片右侧的几行文字会和图片靠的太紧（这样很影响美观）；几行文字的高度并没有和图片的高度一样，所以很紧凑的挤在一起，也不好看；还有最右边的一张按钮图片（对于这张按钮图片的要求还是很高的，要求和最左边的图片靠顶端对齐）可能会靠下边一点显示。 这几个小问题，其实解决起来并不难： 第一个问题：给图片加上一个margin-right值 第二个问题：给那几行文字加上一个line-height值（切记：不要加height，如果加height的话，会将那几行字撑的很高，伙伴们可以去试试） 第三个问题：可以用margin-top负值来将这张按钮图片相对于最后一个li（那几行文字我是用li来写的）来进行定位。 可能大家看到这里还不知道我在说什么，没关系，明天我搞张图上，应该就很清楚了。 不过，还是希望对大家能有帮助！
