这篇文章将为大家详细讲解有关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++程序,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码如下:编译通过后,使用 javah -jni HelloWorld.HelloWorld命令,在src文件夹下生成Hel…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。