图片与文字混排对齐CSS样式【vertical-align属性】

在Dreamweaver cs5中，当我们点击HTML网页中的图片时，可以设置图片与文字的混排对齐方式。但在Dreamweaver CS6破解版版本中，软件已经取消了这个对齐功能，这就需要我们自己在代码模式下给图片添加对齐的CSS代码了。

这些图片对齐方式都可以通过给图片添加vertical-align属性来控制他们的图文混排效果。例如：我们需要文字与图片居中对齐，就需要给图片的代码添加 style="?vertical-align:middle" 。

图片与文字混排时的对齐效果有：

baseline－将支持valign特性的对象的内容与基线对齐
sub－垂直对齐文本的下标
super－垂直对齐文本的上标
top－将支持valign特性的对象的内容与对象顶端对齐
text-top－将支持valign特性的对象的文本与对象顶端对齐
middle－将支持valign特性的对象的内容与对象中部对齐
bottom－将支持valign特性的对象的文本与对象底端对齐
text-bottom－将支持valign特性的对象的文本与对象顶端对齐

标签： 代码

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。