<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=gb2312"
/>
<
title
>垂直居中</
title
>
<
style
type
=
"text/css"
>
<!--
.txt {
width:150px;
height:60px;
background-color:#FF0000;
display:block;
text-align:center;
vertical-align:middle;
}
-->
</
style
>
</
head
>
<
body
>
<
a
href
=
"#"
class
=
"txt"
>文字</
a
>
</
body
>
</
html
>
如何使“文字”垂直居中?
解决办法:
加一行:line-height:60px;
记住line-height和height一样,就垂直居中了
记住line-height和height一样,就垂直居中了