div 中如何让两个DIV居中？
像这种，如何让图片在左边，标题和描述文字在右边并且排列好。对CSS还是不太熟悉，我做的始终是竖着的。关键的几个属性是什么，求高手解答。谢谢啦还是不行啊。我用的是，图片一个...
像这种，如何让图片在左边，标题和描述文字在右边并且排列好。对CSS还是不太熟悉，我做的始终是竖着的。
关键的几个属性是什么，求高手解答。谢谢啦
还是不行啊。我用的是，图片一个DIV，标题和描述一起用一个DIV，两个都float left,还是不行啊。标题描述用了一个margin-left。就成了图片在左上角，标题和描述在右下角的样子的啦 展开
关键的几个属性是什么，求高手解答。谢谢啦
还是不行啊。我用的是，图片一个DIV，标题和描述一起用一个DIV，两个都float left,还是不行啊。标题描述用了一个margin-left。就成了图片在左上角，标题和描述在右下角的样子的啦 展开
5个回答
推荐于2016-06-14 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
采纳数：25897
获赞数：1464977
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业，学士学位，工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
![]()
展开全部
1.先说文字居中。
此处是垂直居中，关键代码height:105px;line-height:105px;两个值要相等。
<div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;' >居中</div>
2.文字横向居中，关键代码text-align:center
<div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center'>ju zhong</div>
3.图片居中，代码如下：
<div style=' height:105px;width:300px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center'><img src="1.png" alt="" /></div>
4.图片垂直居中，关节代码display: table-cell; vertical-align:middle;
代码如下；
<div style=' height:105px;width:300px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center ; display: table-cell; vertical-align:middle; '><img src="1.png" alt="" /></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个用dt,dl列表完成比较合理一些，当然用div也无妨，没几个人看代码，基本实现就可以了
关键属性就是2个DIV都有个float:left;这样就可以了
仍有疑问，补充追问
关键属性就是2个DIV都有个float:left;这样就可以了
仍有疑问，补充追问
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
图片DIV float left 标题和描述 DIV float right
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div class="div1" style="width:980px;height:500px;border:1px solid red;">
<div align="center">
<div class="div2" style="width:200px;height:500px;border:1px dashed red;"></div>
</div>
</div>
</body>
</html>
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div class="div1" style="width:980px;height:500px;border:1px solid red;">
<div align="center">
<div class="div2" style="width:200px;height:500px;border:1px dashed red;"></div>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
发你百度嗨了 瞧瞧吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
