<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>寬度和高度</title>
<style type="text/css">
li{
border:1px dotted #ccc;
width:200px;
height:30px;
text-align :center;
padding-bottom:auto;
}
</style>
</head>
<body>
<ul>
<li>別讓不會說話害了你</li>
<li>二十七八歲就應該有的見識</li>
<li>別讓不好意思害了你</li>
</ul>
</body>
</html>
怎麼講 li裡面的文字在 li 框裡居中 上下左右都居中
li{
border:1px dotted #ccc;
width:200px;
height:30px;
text-align :center;
padding-bottom:auto;
line-height:30px;
}
樣式加一個
line-height:30px;，這個高度等於height就行了
