这个CSS3字体怎么水平居中?求大神

html-css016

这个CSS3字体怎么水平居中?求大神,第1张

“全部”这个字是在区块里面的,你可以记住:

如果你想水平居中可以使用text-align:center

你想垂直居中的话可以使用ling-height的属性,记住,一定是要设置区块本身的高度才行,比如你设置容器的高度是height:10px这时就可以设置垂直居中ling-height:10px

希望帮助到你!

要是不用支持 IE7 的话非常建议使用 CSS3 + 少许特殊技巧

看我实例

<body>

<img src="background.jpg" id="background-full" />

<div id="main">

... 你的 HTML 内容 ...

</div>

</body>

---

html, body {

height: 100%

width: 100%

padding: 0

margin: 0

}

#background {

z-index: -999

// z-index 是为了把 IMG 推到网页最後层

min-height: 100%

min-width: 1440px

background-position: center

background-size: cover

// background-size 是 CSS3 新特性,cover 就是占用全屏,你也可以改用 background-size: contain 占用全屏的比例高

width: 100%

height: auto

position: fixed

top: 0

left: 0

}

#main {

position: relative

width: 800px

min-height: 400px

margin: 100px auto

}

// #main 是我随便乱写的

应该可以做 LZ 你想要效果,不行的话把 Background 图片嵌进 CSS 当作 background-image 然後用 blank.png (全透明图) 取代本来的 IMG