多行文字实现垂直居中
来源:互联网 发布:智能电视软件哪个好 编辑:程序博客网 时间:2024/05/14 03:45
<!DOCTYPE html>
<head>
<title>多行文字实现垂直居中</title>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
<style type="text/css">
body{font-size:12px;font-family:tahoma;}
div#wrap{
display:table;
border:1px solid #FF0099;
background-color:#FFCCFF;
width:760px;
height:400px;
}
div#subwrap{
vertical-align:middle;
display:table-cell;
}
div#content{
width: 600px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="subwrap">
<div id="content">
现在我们要使这段文字垂直居中显示! 现在我们要使这段文字垂直居中显示! 现在我们要使这段文字
垂直居中显示! 现在我们要使这段文字垂直居中显示! 现在我们要使这段文字垂直居中显示! 现在我们要使这段文字垂直居中显示!
</div>
</div>
</div>
</body>
</html>
<head>
<title>多行文字实现垂直居中</title>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
<style type="text/css">
body{font-size:12px;font-family:tahoma;}
div#wrap{
display:table;
border:1px solid #FF0099;
background-color:#FFCCFF;
width:760px;
height:400px;
}
div#subwrap{
vertical-align:middle;
display:table-cell;
}
div#content{
width: 600px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="subwrap">
<div id="content">
现在我们要使这段文字垂直居中显示! 现在我们要使这段文字垂直居中显示! 现在我们要使这段文字
垂直居中显示! 现在我们要使这段文字垂直居中显示! 现在我们要使这段文字垂直居中显示! 现在我们要使这段文字垂直居中显示!
</div>
</div>
</div>
</body>
</html>
0 0
- CSS实现多行文字垂直居中
- 如何实现多行文字垂直居中
- 多行文字实现垂直居中
- 多行文字垂直居中
- 多行文字在div实现垂直居中的方法
- css实现多行文字与图片垂直水平居中
- 三行实现垂直居中(用于多行文字)
- 不固定图片垂直居中、多行文字垂直居中
- 多行文字的垂直水平居中
- 多行文字的垂直居中
- css布局-多行文字垂直居中
- css布局-多行文字垂直居中
- 多行文本垂直居中
- 多行文本垂直居中
- css实现多行文本垂直水平居中
- 纯css实现div中单行文字,多行文字,嵌套div垂直水平居中问题
- Css 中单行及多行文字如何实现水平垂直居中?
- jsp页面中单行、多行文字的垂直居中
- JavaScript 输入框字数实时统计更新
- e.target 和 e.srcElement
- Mybatis与JDBC批量插入MySQL数据库性能测试及解决方案
- NodeJS-01 入门
- Xamarin XAML语言教程XAML文件结构与解析XAML
- 多行文字实现垂直居中
- 2017年北京下半年软考网上报名时间和网址
- 八Bean的生命周期
- Retrofit
- ButterKnife(注解)Android Studio插件安装
- Swing容器中在jTable中添加combobox下拉框时,有关一个下拉框值改变,另一个下拉框值随之改变的方法
- PrintWriter 创建文件 并写入数据
- Unit 4
- oracle表空间空闲,以及是否自增等sql