首页前端开发CSSvertical-align什么意思?怎么用 ?

vertical-align什么意思?怎么用 ?

时间2024-05-21 08:16:03发布访客分类CSS浏览57
导读: vertical-align属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。 vertical-alig...
  vertical-align属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。   vertical-align属性的值比较多:   baseline:默认。元素放置在父元素的基线上。   sub:垂直对齐文本的下标。   super:垂直对齐文本的上标   top:把元素的顶端与行中最高元素的顶端对齐   text-top:把元素的顶端与父元素字体的顶端对齐   middle:把此元素放置在父元素的中部。   bottom:把元素的顶端与行中最低的元素的顶端对齐。   text-bottom:把元素的底端与父元素字体的底端对齐。   length:   %:使用"line-height"属性的百分比值来排列此元素。允许使用负值。   inherit:规定应该从父元素继承vertical-align属性的值。   比如:vertical-aligntop就是垂直对齐文本的顶部。   在表格中,这个属性设置单元格内容的对齐方式.vertical-align应用最多的应该是在td内,控制内部对象位置。   下面我们来看一个具体的示例:               img.top{ vertical-align:text-top}   img.bottom{ vertical-align:text-bottom}            

  这是一幅位于段落中的图像。   

  

  这是一幅位于段落中的图像。   

     







本文转载自中文网

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: vertical-align什么意思?怎么用 ?
本文地址: https://pptw.com/jishu/664741.html
web开发是用px还是rem css sprites如何使用?

游客 回复需填写必要信息