css图片与文本水平对齐方式,图片和文字居中对齐css

  css图片与文本水平对齐方式,图片和文字居中对齐css

  当文字与旁边的图片匹配时,发现图片高于文字。最初的默认情况是图片的顶部与文本的底部对齐。通过设置css属性,图片可以与文本对齐。

  设置每个对象的垂直对齐属性。属性描述:

  基线-将支持valign属性的对象的内容与基线对齐。

  接近垂直对齐文本的下标

  超级垂直对齐文本的上标

  顶部-将支持valign属性的对象的内容与对象的顶部对齐。

  Text-top -将支持变号功能的对象的文本与对象的顶部对齐。

  居中-将支持变号功能的对象的内容与对象的中间对齐。

  底部-将支持变号功能的对象的文本与对象的底部对齐。

  Text-bottom -将支持变号功能的对象的文本与对象的顶部对齐。

  将此设置设为text-bottom,实现图片和文字在同一水平线上,这样看起来好很多。

  如下:自己改变别人。

  span img src= 3358images..com/new _ 16 _ blue . gif /目标任务/span

  将图片与文字底部对齐。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: