文字和图片在同一个DIV中，要让图片居中，文字靠左对齐，并且，只能设置DIV的CSS，如何做到

Question

文字和图片在同一个DIV中，要让图片居中，文字靠左对齐，并且，只能设置DIV的CSS，如何做到,看清楚，文字和图片在一个容器里面，如何控制？

Answer 1

文字默认，图片的display属性设置成block 然后margin:0 auto 即可

<style type="text/css">
.tt{ border:1px solid #CCC; width:600px; height:600px; }
.tt img{ margin:0 auto; border:1px solid #F00; display:block; }
</style>

<div class="tt">
文字在左边
<img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" />
</div>

Answer 2

图片做为div的背景，可以让期居中的，文字则放入div中

具体，给你代码吧：
<div style="background:url(图片的相对路径) no-repeat center center;text-align:left">文字</div> 答案补充 <div id="xx">
<p align="center">图片</p>
<p align="left">文字</p></div> 答案补充 <div id="xx"><p align="center">图片</p><p align="left">文字</p></div>

在这个id="xx" ，重写这个XX：

#xx {text-align:left;width:500px}
#xx image {margin:0 50%} 答案补充 我没设置P的属性啊。

我用IE7测试通过 答案补充 是应用了#xx这个的容器才会起作用 答案补充 听得不是很明白了。最好把代码发给我交流一下吧。

Answer 3

<style>
.box { WIDTH:300px; text-align:center;}

</style>

<div class="box">
<img src="yhjs.jpg" />
<p style="text-align:left;">左对齐</p>
</div>本回答被网友采纳

Answer 4

div {}
div p {text-align:left;}
div p img {margin:0 auto; display:block;}
把图片变成块级元素显示就可以了本回答被网友采纳

Answer 5

一般的话，我们会用一个大的div里面在嵌套两个小的div,再让一个左漂一个右漂就行了.给你写一个吧！如：
<div style="width:??; height:??;">
<div style="float:left">图片</div>
<div style="float:right">文字</div>
</div>
这样写就行了:)