国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 会同县| 宝鸡市| 彭州市| 定兴县| 阳泉市| 廉江市| 开原市| 邻水| 区。| 鄂托克前旗| 即墨市| 石狮市| 永川市| 兰溪市| 武陟县| 嘉鱼县| 西安市| 桂林市| 东安县| 积石山| 泉州市| 马鞍山市| 泽州县| 黄陵县| 方城县| 易门县| 清流县| 太湖县| 集贤县| 岳西县| 东乡族自治县| 普兰店市| 民和| 手机| 肥西县| 黔西县| 同仁县| 合作市| 炎陵县| 连平县| 华宁县|