2-5编程练习
来源：2-7 background-repeat
weibo_误是人非_vv_0
2017-04-02 17:25:37
多行文字垂直居中的css语言是什么
4回答
-
<!doctype html> <html> <head> <meta charset="UTF-8" /> <title></title> <style> p{ width:300px; height:600px; line-height:36px; } </style> </head> <body> <p> 多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么 </p> </body> </html>line-height设置行高的
0h017-04-04 -
Joker_Yao
2017-04-06
line-height一般使用来单行垂直举居中的，多行垂直居中一般用table来实现比较好
在table外面再套上相应的div；
代码如下：
<table>
<tr>
<td style="vertical-align:middle;height:300px;background-color:red"></td>
</tr>
</table>或者直接在内容上套用一个div css设置display：table-cell vertical-align:middle 在其父元素上再设置一个dispaly:table也是同样的效果
2 -
天道酬勤168
2017-07-02
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<style>
p{
width:300px;
height:600px;
line-height:36px;
text-align:center;
margin:0px auto;
}
</style>
</head>
<body>
<p>
多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么多行文字垂直居中的css语言是什么
</p>
</body>
</html>
0 -
秋渡
2017-06-13
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本样式</title> <style type="text/css"> /*样式添加*/ div{ width: 300px; height: 300Px; display: table; border: 1px solid; } p{ display: table-cell; vertical-align: middle; } </style> </head> <body> <!-- 写出h内容 --> <div> <p>background-color</p> </div> </body> </html>0
相似问题