网上搜了一些介绍baseline的文章,感谢网友的分享,baseline相当于我们平时做英语作业,作业本上每一行都有四条线,每个英文都基于第三条线来写的,我们称之为基线,网页显示文字的时候也一样,默认是以baseline对齐。
如图
浅蓝色线就是baseline,就如我们的英语作业本每一行的倒数第二根线
浏览器的文字以baseline为基准对齐,当然可以设置其他对齐方式,具体请查看vertical-align属性介绍http://www.w3school.com.cn/css/pr_pos_vertical-align.asp。
vertical-align只在inline和inline-block元素上应用,应为这些元素需要排列在一行。
那么在一行里,inline-block元素是如何跟文字对齐呢?
现代浏览器几乎都按baseline来对齐inline-block元素,
但是IE6/7对inline-block并不 以baseline对齐,它以文字最底端对齐,和img不一样。
对于inline-block和inline元素都可以通过vertical-align设置对齐方式,其默认值为baseline。
我们再看看inline-block元素,
在IE8/9、Firefox、opera、chrome 表现一致
就如阶梯上升,对于外部容器,inline-block元素的baseline在内容的最后一行。
但当在inline-block元素添加overflow属性之后,baseline变为元素的底部,除了chrome
Chrome并不受overflow影响
这些问题都可以通过设置vertical-align来对齐。
设置vertical-align:top;
Chrome如下
IE6/7/8/9、Firefox、opera如下
关于消除inline-block水平排列时候出现的间隙,请看http://ued.taobao.com/blog/2012/08/inline-block/。
相关推荐
数据,预训练模型,baseline下载 baseline得分:0.92591306557
Microsoft Baseline Security Analyzer for X86 检测系统漏洞
baseline settings 系统安全方面的。
sqlplanbaseline,绑定执行计划,固定执行计划,使用baseline固定执行计划
TVOC测试过程中通过Baseline的设置来提高污染空气的测试速度,更好的对不同环境进行测试适应
reid-strong-baseline-demo.py
天池竞赛Baseline(2018广东工业智造大数据创新大赛——智能算法赛,线上0.921无调参)
JPEG(baseline)压缩过程描述
Network Security Baseline Cisco 交换机安全 路由器安全
vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{...
英文字体图像的结构,ascent line/ascender line/cap line/mean line/baseline/descender line/descent line。简单情形可看: https://blog.csdn.net/quantum7/article/details/127615203
Re-ID-master.zip baseline Markt 1501 Res 50 : batchsize=32 : Rank1 =9581 mAP=8828
Creates a file system baseline or compares current file system to previous baseline.
Microsoft Baseline Security Analyzer(MBSA)是一款简单易用的工具,帮助IT专业人员检测其小型和中型商业应用的安全性,将用户系统与微软安全建议(Microsoft security recommendations)进行比对,并给出特定的...
通过神经网络实现高维无线通信信道压缩反馈与重建、低维信道的数据高效传输问题。nmse小于0.08
华为云开发者AI青年班黑客松大赛Baseline训练脚本,竞赛数据来自真实的美食图片数据,包含中餐、西餐、甜点、粥类,每张图像中美食所占比例大于3/4,每张图片代表一类美食。 竞赛数据分为2个数据集:参赛选手可使用...
Baseline.js, 一个简单的jQuery插件,用于恢复由奇怪图像大小抛出的垂直基线 Baseline.jsBaseline.js 是一个简单的jquery/zepto插件,用于恢复由奇数图像大小抛出的基线。像这样调用插件,将基线的高度作为变量传递...
Kaggle新赛(baseline)-基于BERT的fine-tuning方案 基于tensor2tensor的Transformer Encoder方案
SwordAgent-windows-v1.2.2.0010-Baseline.exe
主要介绍LinearLayout中的两个属性 android:baselineAligned 和android:baselineAlignedChildIndex