CSS中图片于文本的基线对齐设置
2013-04-01 19:56
423 查看
文字旁边搭配图片时,发现图片比文字靠上,原来默认的情况是图片顶对齐而文字底对齐,通过设置css属性可以使得图片与文字对齐。
设置各对象的vertical-align属性,属性说明:
baseline-将支持valign特性的对象的内容与基线对齐
sub-垂直对齐文本的下标
super-垂直对齐文本的上标
top-将支持valign特性的对象的内容与对象顶端对齐
text-top-将支持valign特性的对象的文本与对象顶端对齐
middle-将支持valign特性的对象的内容与对象中部对齐
bottom-将支持valign特性的对象的文本与对象底端对齐
text-bottom-将支持valign特性的对象的文本与对象顶端对齐
在此设置为text-bottom即可实现图片与文字位于同一水平线上,好看多了
如下:其他自己改
<span style="width:120px;"><img src="/images/New_16_blue.gif" style="vertical-align:text-bottom;"/>目标任务</span>
实现图片于文字的底端对齐
设置各对象的vertical-align属性,属性说明:
baseline-将支持valign特性的对象的内容与基线对齐
sub-垂直对齐文本的下标
super-垂直对齐文本的上标
top-将支持valign特性的对象的内容与对象顶端对齐
text-top-将支持valign特性的对象的文本与对象顶端对齐
middle-将支持valign特性的对象的内容与对象中部对齐
bottom-将支持valign特性的对象的文本与对象底端对齐
text-bottom-将支持valign特性的对象的文本与对象顶端对齐
在此设置为text-bottom即可实现图片与文字位于同一水平线上,好看多了
如下:其他自己改
<span style="width:120px;"><img src="/images/New_16_blue.gif" style="vertical-align:text-bottom;"/>目标任务</span>
实现图片于文字的底端对齐
相关文章推荐
- css中图片于文本的基线对齐与vertical-align属性设置
- CSS中图片于文本的基线对齐设置
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- CSS设置文本——对齐、修饰、缩进
- css text-align-last设置末尾文本对齐方式
- CSS设置图片的对齐
- css 设置相关的文本属性1——缩进和对齐
- 同行图片与文本居中对齐的CSS
- css基础 display 解决图片与基线对齐而产生的缝隙问题
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- css 按钮设置为自定义背景图片
- 如何利用CSS代码使图片和文字在同一行显示且对齐
- css 图片与文字对齐
- CSS设置多余的文本显示省略号
- Css设置img属性让图片水平居中/居左/居右的写法
- CSS 让同一行的图片和文字对齐
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- Android button设置左边图片离按钮左边的距离,离文本的距离
- NSMutableAttributedString设置图片与文本的垂直位置
- jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了