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

文字和图片在同一个DIV中,要让图片居中,文字靠左对齐,并且,只能设置DIV的CSS,如何做到,看清楚,文字和图片在一个容器里面,如何控制?... 文字和图片在同一个DIV中,要让图片居中,文字靠左对齐,并且,只能设置DIV的CSS,如何做到,看清楚,文字和图片在一个容器里面,如何控制? 展开
 我来答
寒流大兵
2013-03-31 · TA获得超过1.2万个赞
知道小有建树答主
回答量:525
采纳率:66%
帮助的人:208万
展开全部
文字默认,图片的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>
匿名用户
2013-04-01
展开全部
图片做为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这个的容器才会起作用 答案补充 听得不是很明白了。最好把代码发给我交流一下吧。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
大莆田手机网
推荐于2016-06-19 · TA获得超过1178个赞
知道小有建树答主
回答量:1747
采纳率:85%
帮助的人:721万
展开全部
<style>
.box { WIDTH:300px; text-align:center;}

</style>

<div class="box">
<img src="yhjs.jpg" />
<p style="text-align:left;">左对齐</p>
</div>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
推荐于2018-02-27
展开全部
div {}
div p {text-align:left;}
div p img {margin:0 auto; display:block;}
把图片变成块级元素显示就可以了
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
abc白羊LWY
2013-04-03 · TA获得超过160个赞
知道小有建树答主
回答量:173
采纳率:50%
帮助的人:44.6万
展开全部
一般的话,我们会用一个大的div里面在嵌套两个小的div,再让一个左漂一个右漂就行了.给你写一个吧!如:
<div style="width:??; height:??;">
<div style="float:left">图片</div>
<div style="float:right">文字</div>
</div>
这样写就行了:)
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式