首頁手記 css文字單行和多行時垂直居中

css文字單行和多行時垂直居中

標簽：

Html5 CSS3

因为有些css样式自己不会经常用到，所以记录一下，必要是自己直接使用

实现的效果看下图

以下是自己的代码

<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{background:yellow;width:400px; height:84px;display:table-cell;line-height: 20px;text-align: center; vertical-align:middle;}
</style>
</head>
<body>
<div>思想品德、语文、数学、英语、计算机、科学、艺术等</div><br />
<div>思想政治、语文、数学、英语、物理、化学、历史、地理、生物、计算机、科学等</div><br />
<div>政治、语文、数学、英语、法律知识、文秘、计算机应用、汽车驾驶与维修、武术、军事擒拿格斗等</div>
</body>
</html>

點擊查看更多內容