css居中的一些问题，我觉得有点用处，先收藏起来啦！

最新推荐文章于 2025-05-18 11:03:17 发布

原创最新推荐文章于 2025-05-18 11:03:17 发布 · 762 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css居中的问题

css居中的知识专栏收录该内容

1 篇文章

订阅专栏

本文介绍了CSS中实现文字、图片及背景图像居中的多种方法，包括单行文字居中使用line-height属性，多行文字通过padding调整；图片垂直居中可通过设置图片内外边距实现；背景图片在不同浏览器下的居中方式也有所区别。

css字体居中是怎么弄的呢？

回答：单行的话设置line-height，多行的话用padding。

div+cssli垂直居中是怎么弄？

复制下面代码去看下，研究下，就会懂啦。

body{

margin:0px0px0px0px;

padding:0px0px0px0px;

font-family:verdana,arial,helvetica,sans-serif;

color:#c060;

background-color:#CCC;

text-align:center;

/*part1of2centeringhack*/

}

#content{

width:400px;

padding:10px;

margin-top:20px;

margin-bottom:20px;

margin-right:auto;

margin-left:auto;

/*operadoesnotlike'margin:20pxauto'*/

background:#FFF;

border:5pxsolid#666;

text-align:left;

/*part2of2centeringhack*/

width:400px;/*ie5winfudgebegins*/

voice-family:"\\"}\\"";

voice-family:inherit;

width:370px;

}

html>body#content{

width:370px;/*ie5winfudgeends*/

}

CSS在IE6下背景图片居中是怎么弄的呢？

这个，可以在cs3里面，直接可以弄好的，点击一下居中的按钮就行了。

CSS图片垂直居中是怎么弄呢？

复制这个代码去看下，就知道啦。

<styletype="text/css">

li{height:60px;}

liimg{height:50px;margin-top:5px;margin-bottom:5px;}

</style>

<liheight=50><imgsrc=http://cache.soso.com/wenwen/i/wenwen_logo.gif/></li>

<li><imgsrc=http://cache.soso.com/wenwen/i/wenwen_logo.gif/></li>