国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css中圖片于文本的基線對齊與vertical-align屬性設(shè)置

2024-07-11 08:28:51
字體：大 中 小
供稿：網(wǎng)友
文字旁邊搭配圖片時，發(fā)現(xiàn)圖片比文字靠上，原來默認(rèn)的情況是圖片頂對齊而文字底對齊，通過設(shè)置css屬性可以使得圖片與文字對齊。

設(shè)置各對象的vertical-align屬性，屬性說明：

baseline－將支持valign特性的對象的內(nèi)容與基線對齊
sub－垂直對齊文本的下標(biāo)
super－垂直對齊文本的上標(biāo)
top－將支持valign特性的對象的內(nèi)容與對象頂端對齊
text-top－將支持valign特性的對象的文本與對象頂端對齊
middle－將支持valign特性的對象的內(nèi)容與對象中部對齊
bottom－將支持valign特性的對象的文本與對象底端對齊
text-bottom－將支持valign特性的對象的文本與對象頂端對齊

在此設(shè)置為text-bottom即可實現(xiàn)圖片與文字位于同一水平線上，好看多了
如下：其他自己改

復(fù)制代碼
代碼如下:
<span style="width:120px;"><img src="/images/New_16_blue.gif" style="vertical-align:text-bottom;"/>目標(biāo)任務(wù)</span>

實現(xiàn)圖片于文字的底端對齊

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 苗栗县| 碌曲县| 蚌埠市| 武鸣县| 南雄市| 若羌县| 尼木县| 南昌县| 疏勒县| 马公市| 宿松县| 青浦区| 芜湖县| 武邑县| 教育| 岳阳县| 晋江市| 崇义县| 玉龙| 汝城县| 古田县| 达日县| 宁河县| 南川市| 赞皇县| 苏尼特右旗| 土默特左旗| 象州县| 永宁县| 和政县| 通辽市| 车险| 乌审旗| 大埔区| 定安县| 任丘市| 邵东县| 阿克苏市| 库车县| 金塔县| 大丰市|