CSS中图片于文本的基线对齐设置
来源:互联网 发布:win10好多软件打不开 编辑:程序博客网 时间:2024/05/17 04:09
文字旁边搭配图片时,发现图片比文字靠上,原来默认的情况是图片顶对齐而文字底对齐,通过设置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>
实现图片于文字的底端对齐
阅读全文
0 0
- CSS中图片于文本的基线对齐设置
- CSS中图片于文本的基线对齐设置
- CSS设置图片的对齐
- Android中关于线性布局基线对齐
- css 设置相关的文本属性1——缩进和对齐
- 关于word中公式和图片对齐的简易设置
- CSS 文本对齐
- CSS 文本两端对齐
- css:文本两端对齐
- css:文本两端对齐
- css:文本两端对齐
- css 文本两端对齐
- css 文本两端对齐
- css 文本两端对齐
- css 文本两端对齐
- css 文本两端对齐
- css中图片与文字对齐
- CSS中以图片为背景的文本例子
- struts传值失败空指针异常
- js选中页面中内容
- 存储控制器和SDRAM 实验
- (一) Freemarker 简介 && 环境搭建
- JS设计模式
- CSS中图片于文本的基线对齐设置
- 简单的Contentprovider播放系统的音频文件,播放视频上一集下一集
- JSTL的core和I18N标签库
- Laravel简单使用
- 默认关闭系统语言随sim卡语言变化
- htmlentities()和htmlspecialchars()概要
- JAVA SE — Day 07
- 各种注意事项集合(to be continued)
- Python-格式化输入、字符串分割