码迷,mamicode.com
首页 > 其他好文 > 详细

前端文字与图片的对齐

时间:2016-11-14 01:34:01      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:ble   add   src   line   css   lin   字体   nbsp   order   

实例如:

<p>

测试文字<img src="XXX" />

</p>

 

这时我们想要排版时,总会遇见图片与文字的对齐问题

这时其实只要将img加上vertical-align这个CSS样式即可。如

img

{

vertical-align:text-top;

}

从W3C上查到的可能的值有

 

描述

baseline

默认。元素放置在父元素的基线上。

sub

垂直对齐文本的下标。

super

垂直对齐文本的上标

top

把元素的顶端与行中最高元素的顶端对齐

text-top

把元素的顶端与父元素字体的顶端对齐

middle

把此元素放置在父元素的中部。

bottom

把元素的顶端与行中最低的元素的顶端对齐。

text-bottom

把元素的底端与父元素字体的底端对齐。

length

 

%

使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。

inherit

规定应该从父元素继承 vertical-align 属性的值。

前端文字与图片的对齐

标签:ble   add   src   line   css   lin   字体   nbsp   order   

原文地址:http://www.cnblogs.com/taui/p/6060117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!