vertical
英 [ˈvɜ:tɪkl] 美 [ˈvɜ:rtɪkl]
adj.垂直的,竖立的;[解]头顶的;顶点的;[植]纵长的,直上的
n.垂直线,垂直面;[建]竖杆;垂直位置
align
英 [əˈlaɪn] 美 [əˈlaɪn]
vt.使成一线,使结盟;排整齐
vi.排列;成一条线
css vertical-align属性 语法
作用:vertical-align 属性设置元素的垂直对齐方式。
说明:该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。
注释:所有浏览器都支持 vertical-align 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
css vertical-align属性 示例
<html>
<head>
<style type="text/css">
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
</style>
</head>
<body>
<p>
这是一幅<img class="top" border="0" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />位于段落中的图像。
</p>
<p>
这是一幅<img class="bottom" border="0" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />位于段落中的图像。
</p>
</body>
</html>点击 "运行实例" 按钮查看在线实例
热门推荐
- css网格子元素对齐不一致怎么办_使用align-self和justify-self统一对齐
- css网格布局下文字和图片对齐不准怎么办_结合align-items和justify-items微调
- css浮动图片下方出现间隙怎么办_利用vertical-align或把图片设为display:block去除默认间隙
- css浮动元素间水平对齐困难怎么办_使用text-align或flex辅助对齐
- css子元素在交叉轴无法居中怎么办_使用align-items:center解决问题
- css按钮在不同屏幕下无法居中怎么办_使用justify-content:center和align-items:center