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

2024-01-17 16:43 小编
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内,控制内部对象位置。
 
  下面我们来看一个具体的示例:
 
  
 
  <html>
 
  <head>
 
  <styletype="text/css">
 
  img.top{vertical-align:text-top}
 
  img.bottom{vertical-align:text-bottom}
 
  </style>
 
  </head>
 
  <body>
 
  <p>
 
  这是一幅<imgclass="top"border="0"src="/i/eg_cute.gif"/>位于段落中的图像。
 
  </p>
 
  <p>
 
  这是一幅<imgclass="bottom"border="0"src="/i/eg_cute.gif"/>位于段落中的图像。
 
  </p>
 
  </body>
 
  </html>


Tag: 怎么 什么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码