blogger关于css居中问题
刚用google的blogger,想弄漂亮一点,把标题给换了。想把标题文字居中,可是找了好多方法,都发现不能用。请大虾们指教。关于标题的代码大概就下面那些。地址是apoollo.blogspot.com,可以看看全部代码。
/* Header
-----------------------------------------------
*/
#header {
background:#476 url("") repeat-x left bottom;
margin:0 0 0;
padding:0 0 8px;
color:#fff;
}
#blog-title {
margin:0;
padding:10px 30px 5px;
font-size:200%;
line-height:1.2em;
}
#blog-title a {
text-decoration:none;
color:#fff;
}#description {
margin:0;
padding:5px 30px 10px;
font-size:94%;
line-height:1.5em;
}
我自己查了下,好象要在body里面加text-align=center 然后在#wrapper里面加margin: auto;什么的,但似乎也没用。实在好笨,哪为可以帮忙,感激不尽。当然也欢迎各位来踩踩我的blog..哈哈~~
参考答案:把这行
text-align: center;
加到post title 的css内!
例子:
/* Posts
----------------------------------------------- */
.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #444;
padding-bottom:1.5em;
}
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
line-height:1.4em;
color:#ad9;
text-align: center;
}
.post-title a {
text-decoration:none;
color:#ad9;
}
blog 例子:
不要忘了,重新publish哦!
更新:不是blog title。是post title。
找这行
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
line-height:1.4em;
color:#ad9;
text-align: center; 《——————加这行
}