淘先锋技术网

首页 1 2 3 4 5 6 7

希望对你有帮助!水平居中的话text-aglin:center;(前提是需要设置在块级元素里面,不是块级元素的话,添加display:block;就好了) 垂直居中line-height:20px;(如果你的高度是20,那么就设计20就可以了。)

可以在css里面设置行高来使文字垂直居中。 设置行高和a标签的高度一样就能居中,使用line-height line-height: 100px;

CSS文字垂直居中代码如下:

<!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>

<title> 单行文字实现垂直居中 </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">

可以用“text-align”属性和“line-height”属性。

1、新建html文件,在body标签中添加div标签,在div标签输入文字,这里以“演示文本”为例,给div标签设置宽度、高度和背景色属性,属性值分别为200、100和灰色,这时“演示文本”默认位置为div盒子的左上方。

2、这时给div标签添加上“text-align”属性,属性值为“center”,这时文字将会在div容器中水平居中。

3、这时给div标签添加行高“ling-height”属性,属性值为高度的值“100px”,再添加“vertical-align”属性,属性值为“middle”,这时文字将会水平垂直都居中。