如题所述
vertical-align å±æ§è®¾ç½®å
ç´ çåç´å¯¹é½æ¹å¼ãå®çå¼æ¯è¾å¤ï¼baseline | sub | super | top | text-top | middle | bottom | text-bottom | inheritã
baselineï¼å°æ¯ævalignç¹æ§ç对象çå 容ä¸åºçº¿å¯¹é½
subï¼åç´å¯¹é½ææ¬çä¸æ
superï¼åç´å¯¹é½ææ¬çä¸æ
topï¼å°æ¯ævalignç¹æ§ç对象çå 容ä¸å¯¹è±¡é¡¶ç«¯å¯¹é½
text-topï¼å°æ¯ævalignç¹æ§ç对象çææ¬ä¸å¯¹è±¡é¡¶ç«¯å¯¹é½
middleï¼å°æ¯ævalignç¹æ§ç对象çå 容ä¸å¯¹è±¡ä¸é¨å¯¹é½
bottomï¼å°æ¯ævalignç¹æ§ç对象çææ¬ä¸å¯¹è±¡åºç«¯å¯¹é½
text-bottomï¼å°æ¯ævalignç¹æ§ç对象çææ¬ä¸å¯¹è±¡åºç«¯å¯¹é½
inheritï¼è§å®åºè¯¥ä»ç¶å ç´ ç»§æ¿ vertical-align å±æ§çå¼(ä»»ä½çæ¬çIEï¼å æ¬ IE8ï¼é½ä¸æ¯æå±æ§å¼ "inherit")
注ï¼å¸¸ç¨çætopãmiddleãbottomï¼å ¶ä»çä¸æ¯å¾å¸¸ç¨ãä¸è¬æ¯ç¨åimgçå¯¹å ¶ã
baselineï¼å°æ¯ævalignç¹æ§ç对象çå 容ä¸åºçº¿å¯¹é½
subï¼åç´å¯¹é½ææ¬çä¸æ
superï¼åç´å¯¹é½ææ¬çä¸æ
topï¼å°æ¯ævalignç¹æ§ç对象çå 容ä¸å¯¹è±¡é¡¶ç«¯å¯¹é½
text-topï¼å°æ¯ævalignç¹æ§ç对象çææ¬ä¸å¯¹è±¡é¡¶ç«¯å¯¹é½
middleï¼å°æ¯ævalignç¹æ§ç对象çå 容ä¸å¯¹è±¡ä¸é¨å¯¹é½
bottomï¼å°æ¯ævalignç¹æ§ç对象çææ¬ä¸å¯¹è±¡åºç«¯å¯¹é½
text-bottomï¼å°æ¯ævalignç¹æ§ç对象çææ¬ä¸å¯¹è±¡åºç«¯å¯¹é½
inheritï¼è§å®åºè¯¥ä»ç¶å ç´ ç»§æ¿ vertical-align å±æ§çå¼(ä»»ä½çæ¬çIEï¼å æ¬ IE8ï¼é½ä¸æ¯æå±æ§å¼ "inherit")
注ï¼å¸¸ç¨çætopãmiddleãbottomï¼å ¶ä»çä¸æ¯å¾å¸¸ç¨ãä¸è¬æ¯ç¨åimgçå¯¹å ¶ã
温馨提示:答案为网友推荐,仅供参考
第1个回答 推荐于2018-02-26
vertical-align 属性设置元素的垂直对齐方式。
vertical-align:middle 把元素放置在父元素的中部
vertical-align:bottom 把元素的顶端与行中最低的元素的顶端对齐
vertical-align:top 把元素的顶端与行中最高元素的顶端对齐
vertical-align:inherit 规定应该从父元素继承 vertical-align 属性的值(任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit")
还有一些值,如:baseline(默认值),sub,super 等,不太常用。
vertical-align:middle 把元素放置在父元素的中部
vertical-align:bottom 把元素的顶端与行中最低的元素的顶端对齐
vertical-align:top 把元素的顶端与行中最高元素的顶端对齐
vertical-align:inherit 规定应该从父元素继承 vertical-align 属性的值(任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit")
还有一些值,如:baseline(默认值),sub,super 等,不太常用。