css vertical-align property


  Translation results：

vertical

English[ˈvɜ:tɪkl] US[ˈvɜ:rtɪkl]

adj. Vertical, upright; [Solution] overhead; vertex ;[Plant]Longitudinal, straight up

n.Vertical line,vertical surface;[Build]Vertical pole;Vertical position

align

英[əˈlaɪn] 美[əˈlaɪn]

vt. Make a line, make an alliance; line up neatly

vi. Arrange; form a line

css vertical-align propertysyntax

Function: vertical-align attribute sets the vertical alignment of the element.

Description: This attribute defines the vertical alignment of the baseline of an inline element relative to the baseline of the row where the element is located. Allows specifying negative length values ​​and percentage values. This lowers the element instead of raising it. In table cells, this property sets the alignment of the cell contents in the cell box.​

Note: All browsers support the vertical-align attribute. The attribute value "inherit" is not supported in any version of Internet Explorer (including IE8).

css vertical-align propertyexample

<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>
Run instance »

Click the "Run instance" button to view the online instance

Popular Recommendations

Home

Videos

Q&A

submit