CSS怎么设置框架内文本的垂直位置


这篇文章将为大家详细讲解有关CSS怎么设置框架内文本的垂直位置,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
  方法1:将框架样式更改为表格单元格并使用vertical-align属性
  如果将框架样式更改为表格单元格,则可以使用vertical-align属性指定垂直位置。
  在CSS中编写以下代码并设置垂直位置。
  顶部对齐的示例
  .TextVerticalTop{
  display:table-cell;
  vertical-align:top;
  }
  底部对齐的示例
  .TextVerticalBottom{
  display:table-cell;
  vertical-align:bottom;
  }
  居中示例
  .TextVerticalCenter{
  display:table-ce免费云主机域名ll;
  vertical-align:middle;
  }
  方法2:使用position:relative按相对位置指定
  如果position:relative指定样式,则可以在相对坐标中指定内部放置位置。
  指定要在相对位置(例如“50%”)内显示的文本的位置。
  顶部对齐的示例
  span.top{
  position:absolute;
  top:0;
  }
  底部对齐的示例
  span.bottom{
  position:absolute;
  bottom:0;
  }
  居中示例
  span.center{
  position:absolute;
  top:50%;
  margin-top:-0.5em;
  }
  代码示例:使用display:table-cell
  代码如下:
  TextAlignVerticalCell.html
  
  
  
     
  
     顶部垂直对齐。

相关推荐: Java如何调用C++程序

这篇文章将为大家详细讲解有关Java如何调用C++程序,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码如下:编译通过后,使用 javah -jni HelloWorld.HelloWorld命令,在src文件夹下生成Hel…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 08/30 17:17
Next 08/30 17:17

相关推荐