中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

圖片與文字混排對齊CSS樣式【vertical-align屬性】

2018-11-01    來源:學做網(wǎng)站論壇

容器云強勢上線!快速搭建集群,上萬Linux鏡像隨意使用

在Dreamweaver cs5中,當我們點擊HTML網(wǎng)頁中的圖片時,可以設置圖片與文字的混排對齊方式。但在Dreamweaver CS6破解版版本中,軟件已經取消了這個對齊功能,這就需要我們自己在代碼模式下給圖片添加對齊的CSS代碼了。

這些圖片對齊方式都可以通過給圖片添加vertical-align屬性來控制他們的圖文混排效果。例如:我們需要文字與圖片居中對齊,就需要給圖片的代碼添加 style="?vertical-align:middle" 。

圖片與文字混排對齊CSS樣式

文字文字文字文字文字文字文字<img style="vertical-align:middle;" src="https://www.xuewangzhan.com/wp-content/themes/xwz/images/Course.png">

圖片與文字混排時的對齊效果有:

baseline-將支持valign特性的對象的內容與基線對齊
sub-垂直對齊文本的下標
super-垂直對齊文本的上標
top-將支持valign特性的對象的內容與對象頂端對齊
text-top-將支持valign特性的對象的文本與對象頂端對齊
middle-將支持valign特性的對象的內容與對象中部對齊
bottom-將支持valign特性的對象的文本與對象底端對齊
text-bottom-將支持valign特性的對象的文本與對象頂端對齊

標簽: 代碼

版權申明:本站文章部分自網(wǎng)絡,如有侵權,請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉載文章言論不代表本站觀點!
本站所提供的圖片等素材,版權歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:網(wǎng)頁CSS中的.clearfix是什么意思

下一篇:TAB豎向滑動菜單(JS+HTML)