跨浏览器的inline-block[译]（2）
作者：糖伴西红柿 来源：前端观察 发布时间：2009-03-11 21:04:00
标签：布局,css,浏览器,inline-block
显然，在垂直排列上有些错误。嗯，也不算错误吧，这是正确的表现，只不过不是我们想要的效果。
这是因为每个 <li> 元素的基线是和其父元素 <ul> 的基线对齐排列的。你要问啥是基线？一图顶千言那：
基线就是横贯上面文本的黑线。尽量说的简单点。inline 或者 inline-block 元素默认的 vertical-align 值 就是基线。也就是说元素基线要和她父元素的基线对齐。下面有一个示例：
就如所看到的，每个基线都是和文本 ‘This is the baseline.’ 的基线对齐的。文本虽然不在 <li> 内部，但是文本节点的父元素 <ul> 就指出了父元素的基线所在。
总之，修正方法是很简单的： vertical-align: top，这样就能得到一个看起来不错阿网格：
但是在 Firefox 2, IE 6 和 7 中，依然无效：
0
投稿猜你喜欢
- 环境：python-3.6.5JSONJSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，它使得人
- 好久没有学python了，反正各种理由吧（懒惰总会有千千万万的理由），最近网上学习了一下selenium，实现了一个简单的自动登录网页，具体
今天给大家分享一个简单的python脚本，使用python进行http的接口测试，脚本很简单，逻辑是：读取excel写好的测试用例，然后根据- Overview这篇博客内容将包括对XML文件的解析、追加新元素后写入到XML，以及更新原XML文件中某结点的值。使用的是python的xm
- 进入PyCharm后，点击File→Open，然后在弹窗中选择需要导入项目的文件夹；打开了python项目后，需要配置该项目对应的pytho
- 本文实例讲述了Python实现的简单线性回归算法。分享给大家供大家参考，具体如下：用python实现R的线性模型(lm)中一元线性回归的简单
- 1.我们首先需要创建一个表CREATE TABLE IF NOT EXISTS `tp_image` ( `id` int(11
- 教大家做一个简易的猜数字的游戏，但确实蛮简单的，我这个四年级的小盆友也才学了一天，所以给那些不会的教一下。我们先来看导入模块："&
- 这篇文章主要介绍了基于python实现蓝牙通信代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋
- flash param参数和属性下列标记属性和参数描述了由“发布”命令创建的 HTML 代码。在编写自己的用于显示 Flash 内容的 HT
- 本文中介绍的主要是SQL语句，请大家不要在Access中使用。SQL的分类：DDL—数据定义语言(CREATE，ALTE
- 经常看见有人问，MSSQL占用了太多的内存，而且还不断的增长；或者说已经设置了使用内存，可是它没有用到那么多，这是怎么一回事儿呢？ 首先，我
- 描述filter() 函数用于过滤序列，过滤掉不符合条件的元素，返回一个迭代器对象，如果要转换为列表，可以使用 list() 来转换。该接收
- 接下来我利用一点空余时间发一个函数里面包含和添加和删除功能。实验的架构可以使用IIS.5WEB服务器ACCESS数据库。这个我其实不用说的很
- 一旦被黑客获取到webshell，黑客就知道了你的sqlserver管理员密码，如果sqlserver再没有经过安全设置那么黑客很容易就提权
- Pycharm创建的项目，使用了虚拟环境，对库的版本进行管理；有些项目的对第三方库的版本 要求不同，可使用虚拟环境进行管理直接想通过pip命
- 本文实例为大家分享了mysql 5.6.17 安装教程简单版，供大家参考，具体内容如下1.linux版mysql下载（建议不要下5.7，安装
- 作者：FLASHSKYSITE：WWW.XFOCUS.NET邮件：flashsky@xfocus.orgSQL SERVER 2000通讯中
- 实际运用中当我用SqliteAdmin以及SQLite Expert Professional 2软件新建Sqlite数据库的时候在ASP.
- 在python中有不少对于集合迭代的方法，我们把程序运行后的再一次循环叫做迭代，每一次都循环都可以看做是一次迭代。那么在迭代结束后，我们需要
