多行文字居中
来源：互联网 发布：网络策划 编辑：程序博客网 时间：2024/05/16 12:27
对于多行文字的居中，用一句话概括就是：把包裹在inline-block 中的文字 放到 line-height为容器高度的 容器中，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style>
#container{
width:300px;
height:300px;
border:solid 1px grey;
line-height:300px;
text-align:center;
}
.lineblock{
display:inline-block;
line-height:1.4em;
}
</style>
</head>
<body>
<div id="container">
<div class="lineblock">第一行</br>第二行</div>
</div>
</body>
</html>
效果如下：
0 0
- 多行文字居中
- 多行文字居中
- 多行文字垂直居中
- css 多行文字居中
- DrawText如何使多行文字居中
- DrawText如何使多行文字居中
- DrawText如何使多行文字居中
- 多行文字的垂直水平居中
- DrawText如何使多行文字居中
- 多行文字的垂直居中
- css布局-多行文字垂直居中
- CSS实现多行文字垂直居中
- css布局-多行文字垂直居中
- 如何实现多行文字垂直居中
- Toast多行文字居中显示
- 多行文字实现垂直居中
- 多行文字，并要上下居中
- 多行文本居中
- 嵌入式学ARM体系总结（一）
- 科克曼女生问题
- 斗鱼应用(V2.4.6.1)安装在不同型号的机器上，所呈现的图标不一致的原因
- HDU 2614 Beat（dfs）
- -bash: command is not found
- 多行文字居中
- 购物单
- Spring配置中<bean>的id和name属性区别
- pygame.surfarray.array3d()的作用
- 一个简单的SpringMVC项目到底需要哪些JAR包（文章最后附上最简单的方法导相关包）
- 47. Permutations II
- 深度学习（Deep Learning）从零基础达到入门级水平
- springMVC 下文件上传
- hadoop搭建记录
