css实现文字居中,但行文字,很容易实现,但是多行文字呢?
今天我模仿别人用CSS布局的页面,有块就是多行文字居中的,开始我在CSS中写了如下关键代码padding:50px 0;奇怪的是实现不了全不居中的效果.
我找了找原因,原来是在想要居中的div块中,它的height我设置了固定的高度,后来我把固定的高该了auto,结果,就解决了.
我也不知道对不对,反正就实现了,有不对的地方欢迎交流,正学css布局中.QQ:40837897
[分享][原创]正在学CSS布局的欢迎交流
css实现文字居中,但行文字,很容易实现,但是多行文字呢?
今天我模仿别人用CSS布局的页面,有块就是多行文字居中的,开始我在CSS中写了如下关键代码padding:50px 0;奇怪的是实现不了全不居中的效果.
我找了找原因,原来是在想要居中的div块中,它的height我设置了固定的高度,后来我把固定的高该了auto,结果,就解决了.
我也不知道对不对,反正就实现了,有不对的地方欢迎交流,正学css布局中.QQ:40837897
经过5天的学习css布局,虽然没理会到css布局的高境界,但是我觉得正在用表格布局的朋友门赶快加入这个行列,css布局真的有效率,有好用,比表格布局容易多了,表格能实现的,css就一定能实现,css能实现的,表格不一定能实现,交流在交流,在学习在学习.QQ40837897
实现图片垂直居中一种不是很好的方法:觉得有点不好,代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
#mn{margin:30px auto;width:400px;height:100px;border:1px solid #000000;}
.he1 {display:block;padding-top:30px;padding-bottom:30px;padding-left:200px;padding-right:200px;}
</style>
<div id="mn"><span class="he1"><img src="7 kongjian.jpg" width="100" height="40" /></span></div>
还有什么方法没?高手指点下.用JS就不用了,最好用css的.