<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="Untitled2.css">
<title>Document</title>
</head>
<body>
<div>今天是2020年8月20日,明天是2020年8月21日 后天是2020年8月22日,2020年9月5日开学,你多久开学,一年有几个月有多少天,今天吃什么,明天吃什么,后天吃什么,你喜欢吃什么</div>
</body>
</html>
div{
border:1px solid black;
/* text-align:center;对齐方式*/
height:200px;
line-height:20px;/*行间距*/
text-indent:2em;/*缩进*/
}
div{
border:1px solid black;
text-align:center;/*对齐方式*/
height:40px;
line-height:20px;/*行间距*/
text-indent:2em;/*缩进*/
}
如果想要使上述文字垂直方向也居中怎么解决呢
方法一就是使height与line-height的值相同即可。
div{
border:1px solid black;
text-align:center;/*对齐方式*/
height:40px;
line-height:40px;/*行间距*/
text-indent:2em;/*缩进*/
}