码迷,mamicode.com
首页 > Web开发 > 详细

如何让文字随着右边变化联动,而左侧随着图片动?css div标签

时间:2015-07-03 22:09:52      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:

效果是这样:

图片做背景:background:url(kx100-d-001.png) 50% 50%;

然后呢,中间是大字,居中。但是下面的小字却不需要居中,如何办?

<span style="font-family: Arial, Helvetica, sans-serif;">#sdiv { float:left; width:100%; height:100%;font-family:"黑体",Arial, Helvetica, sans-serif; font-weight:100;}</span>
#sdiv1 {margin:10px auto 0px auto; width:100%; height:631px;padding:0px;background:url(kx100-d-001.png) 50% 50%; text-align:center;}
#sdiv1 p { margin-top:30px; margin-bottom:0px; width:100%; height:auto;padding:0px; font-size:40px; color:#000}

<div id="sdiv">
    <div id="sdiv1">
<p>这是大字,要居中</p>

<div style="margin-left:10px;margin-top:10px;width:80%">
<span style="">这是小字不居中,可往左靠</span>
</div>
</div>


<div class="clear"></div>

</div>


很简单:只要小字不是width 100%就可以了,晕死!

版权声明:本文为博主原创文章,未经博主允许不得转载。

如何让文字随着右边变化联动,而左侧随着图片动?css div标签

标签:

原文地址:http://blog.csdn.net/lanmanck/article/details/46745477

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!