• 所有问题

    • div 中如何让两个DIV居中？

    像这种，如何让图片在左边，标题和描述文字在右边并且排列好。对CSS还是不太熟悉，我做的始终是竖着的。
    关键的几个属性是什么，求高手解答。谢谢啦
    还是不行啊。我用的是，图片一个DIV，标题和描述一起用一个DIV，两个都float left,还是不行啊。标题描述用了一个margin-left。就成了图片在左上角，标题和描述在右下角的样子的啦

    举报该问题
    推荐答案   推荐于2016-06-14

    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>

    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  推荐于2016-04-29
    这个用dt,dl列表完成比较合理一些，当然用div也无妨，没几个人看代码，基本实现就可以了

    关键属性就是2个DIV都有个float:left;这样就可以了

    仍有疑问，补充追问本回答被提问者采纳
    第2个回答  2011-09-23
    图片DIV float left 标题和描述 DIV float right
    第3个回答  2011-09-23
    <!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>

    第4个回答  2011-09-26
    发你百度嗨了 瞧瞧吧
    相似回答
    如何让一个div中的两个div垂直居中答：方法1：.parent { width:800px; height:500px; border:2px solid #000; position:relative;} .child { width:200px; height:200px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: red;}方法2：.parent { ...
    div中的多个div怎样垂直居中答：要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的50%，最后将该DIV分别左移和上移，左移和上移的大小就是该DIV宽度和高度的一半。.mydiv{ width:300px;height:200px;position:absolute;...
    HTML+CSS的问题,如何将div A居中显示,div B靠在div A右侧,如图。答：让B相对于A来定位（注意A包含B）：<style>#A {position:absolute; left:50%; top:50%; width:400px; height:300px; margin-left:-200px; margin-top:-150px; background-color:#faa}#B {position:absolute; right:-100px; top:0; width:100px; height:300px; background-color:#aaf}<...
    DIV+CSS3 两个DIV 我想让第一个div居中 然后第二个div紧挨着第一个DI...答：div层是正行的就是最好不留空白 左右 <div style=" float:left; bored:1px solid #333; width:200px; "></div> <div style=" float:left; bored:1px solid #F00; width:200px; "></div> 左中右 <div style=" float:left; bored:1px solid #00F; width:200px; "></div> <div...
    一个大的div框里怎样让包含的两个小div居中答：水平+垂直 居中：margin：x auto x代表 小div的高度占大div高度的实际像素 比如 大DIV：H:300 W:500 小：h100 w100 可以这样：margin:100px auto;这样就水平 垂直居中了~
    ...其中一个div是让多个div排列成一行,如何让这两个大div居中对齐...答：给div加宽度，使用margin：0 auto 就能水平居中 <div><div id="div1" style="font-size:25px" align="center"><font color="#FF0000">我学我会</font>网上订餐系统</div><div class="div" id="div2" style="line-height:45px; position:relative; width:800px; clear:both; left:20%...
    用css如何让大div里的两个小div居中,如图答：很简单，外面的div不仅要用margin:0 auto;，还需加上一个text-align:center;才可使得内部容器居中。代码如下，已经测试通过：<div style="margin:0 auto;height:auto;border:1px solid #ccc;text-align:center;"> <div style="border:1px solid #ccc;width:200px;height:100px;margin:5px;"...
    大家正在搜
    js中如何让div中的标签居中如何让div中的文字上下居中如何让div中的图片居中如何让div标签居中让一个div居中的方法在html中让div居中的代码让img在div里居中怎么让div居中怎么让div上下居中
    相关问题
    div+css 怎么让一个小div在另一个大div里面 垂直...
    div css如何实现子DIV里的多个子DIV水平居中？
    如何让两个span在div中垂直居中？
    怎么让一个div中的两个div垂直居中
    css 里面怎么让一个DIV居中 ?
    如何使用css对多个DIV排列时进行水平居中
    body设置一个DIV，并让这个DIV居中显示，怎样做？
    html 如何让div居中