精华内容
下载资源
问答
  • css让div居中显示

    万次阅读 2018-10-12 18:57:54
    绝对居中 .xx_div { position: absolute; /* left, right, bottom, top要和position一起使用,margin-*不用 */ top: 0;...这样div框就会绝对显示在网页中间   浮动居中 float只有left和ri...

    绝对居中

    .xx_div {
        position: absolute;
        /* left, right, bottom, top要和position一起使用,margin-*不用 */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    这样div框就会绝对显示在网页中间

     

    浮动居中

    float只有left和right,没有center。 可以如下设置居中

    .xx_div {
        margin-left: auto;
        margin-right: auto;
    }

    对于内联元素,直接 text-align: center; 即可。当然对于块状元素,也可以先display: inline-block然后text-align:center

     

    附录:   html中内联元素和块级元素的区别

       块状元素内联元素
    独占一行,默认情况下,其宽度自动填满其父元素宽度相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化
    可以设置width,height属性行内元素设置width,height属性无效
    可以设置margin和padding属性行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right,其它属性不会起边距效果。
    对应于display:block对应于display:inline;

     

    展开全文
  • 让DIV中的DIV居中显示

    千次阅读 2017-12-16 10:33:02
    发现前端div中的div不是居中显示的,网上说将父级DIV设置为text-align:center 子级设置为margin:0 auto,但是我试了下无效,知道为什么。后来换了一种方法, 父级Divdisplay: flex; align-items: center; 子级...

    最近项目上的问题大部分都是前端页面的问题,所以我自然就跑去修改前端代码了,
    发现前端div中的div不是居中显示的,网上说将父级DIV设置为text-align:center
    子级设置为margin:0 auto,但是我试了下无效,不知道为什么。

    后来换了一种方法,
    父级Div

    display: flex;
    align-items: center;  

    子级div就居中了

    展开全文
  • div background 不显示

    千次阅读 2011-05-04 16:43:00
    div background 不显示

    div必须设置width 和 height,而且不能小于图像的高宽。没有width height 则背景图片不显示#mainSearch
    {
    float: left;
    position: relative;
    margin: 0;
    background:url('images/mainSearch_bg.jpg') no-repeat;
    width:430px;
    height:443px;
    }

    展开全文
  • 我有一个父级div,还有一个子级div 现在子div是一个浮动框,一般情况下是显示的,...因此我的子div显示出来之后,有一部分被父div盖住了一部分 如何子div完全悬浮在父div上? 子div是框架自动生成的,不是我能控制的
  • 两个Div并排显示的多种方法

    万次阅读 2016-07-13 08:45:03
    两个Div并排显示的方法有很多,使用display的inline属性、通过设置float来让Div并排显示都可以实现,感兴趣的朋友可以参考下本文 两个Div并排显示  一、使用display的inline属性  复制...
    http://www.jb51.net/css/140705.html
    让两个Div并排显示的方法有很多,使用display的inline属性、通过设置float来让Div并排显示都可以实现,感兴趣的朋友可以参考下本文
    让两个Div并排显示 
    一、使用display的inline属性 

    复制代码
    代码如下:

    <div style="width:300px; height:auto; float:left; display:inline">AAAA</div> 
    <div style="width:300px; height:auto; float:left; display:inline">BBBB</div> 

    二、通过设置float来让Div并排显示 

    复制代码
    代码如下:

    <style> 
    #left,#right {float:left;border:1px solid red; padding:10px;} 
    </style> 
    <div id= "main "> 
    <div id= "left "> 1111 </div> 
    <div id= "right "> 2222 
    2222 
    2222 </div> 
    <!-- 如果不用clear屬性可能會出現瀏覽器不兼容問題,clear設這元素周圍沒有浮動元素 --> 
    <div style="clear:both"></div> 
    </div> 

    三、对于两个div并排,左边为绝对宽度,右边为相对宽度的,需要用到这种布局的情况比较多见,如左边为导航,右边为内容的页面 

    1、将最大的容器padding-left固定宽度,左边的固定宽度的一块position:absolute,然后right的一块width为百分百 
    2、 使用position:absolute。代码如下。 

    复制代码
    代码如下:

    <style> 
    body{ margin:0; height:100%} 
    html{ height:100%} /*兼容firefox的div高度100%*/ 
    #left{ position:absolute; top:0; left:0; width:200px; height:100%; background-color:#CCCCCC} 
    #right{ margin-left:200px; height:100%; background-color:#0099FF} 
    </style> 
    <div id="left">left</div> 
    <div id="right">right</div> 

    这段代码主要涉及到以下两点点比较重要的: 

    (1)兼容firefox实现div高度100%; 
    (2)div绝对定位的妙用;在页面布局的时候,position:absolute如果灵活的应用,可以达到很好的效果。
    展开全文
  • 这一句放在flash中即可实现DIV在外层(即FLASH不是最外层了);   &lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/s...
  • 让DIV中文字换行显示

    万次阅读 2019-04-15 10:13:43
    1. <style> div { white-space:normal; word-break:break-all; word-wrap:break-word; } </style> <div style=" width:100px; border:1px...
  • 如何让div盒子或文字居中显示

    千次阅读 2021-04-08 17:52:04
    让div盒子居中的方法和文字居中显示的方法 学习内容: 提示:这里可以添加要学的内容 例如: 1、 让div盒子水平垂直居中的方式 2、 文字水平垂直居中的方式 div居中: 通过在大盒子设置flex布局让div居中显示...
  • 让div在页面中间显示

    千次阅读 2017-05-04 11:35:24
    本文是用js代码和CSS代码两种方法实现div在页面中间的显示
  • div内容显示不全。 如果设置了style="height:700px; overflow:auto;",那么会出现滚动条,也可以看到比之前更多的内容,但是还是有一些内容没有显示出来。 这可能是什么原因导致的? 注:测试了谷歌浏览器和火狐...
  • 如何两个div并排显示

    千次阅读 2018-04-19 22:13:23
    在设置div样式的时候通过设置 它的float属性,默认是向下排列显示,设置为left或者right就可以并排显示。当两个div重叠到一起了,可设置div的clear:both 清除浮动...
  • div背景图片或颜色不显示的解决办法背景图片不显示的原因主要有以下几个方面:css没有被调用 css图片地址不对 div的高度没有固定,是auto、没有设值或者高度不够 div被嵌套 div代码规范解决办法:DIV高度为自动,...
  • 把鼠标悬浮在标签a标签上时,出现或隐藏div,当div出现之后,将鼠标移到div上的时候,div不消失鼠标还可以继续操作其他功能的代码如下: &lt;a id="login-btn"&gt;按钮&lt;/a&gt; &...
  • 怎么div相对父div居中显示

    千次阅读 2018-02-07 15:12:40
    方法1: .parent { width:800px; height:500px; border:2px solid #000; position:relative; } .child { width:200px; height:200px;
  • 两个Div并排显示的方法

    千次阅读 2016-08-16 23:34:47
    两个Div并排显示 一、使用display的inline属性 示例代码:<div style="width:300px; height:auto; float:left; display:inline">AAAA</div> <div style="width:300px; height:auto; float:left; display:inline...
  • div 隐藏和显示

    万次阅读 2019-04-14 09:02:10
    div 隐藏和显示
  • 多个div并列显示在一行|并列div

    千次阅读 2017-11-16 22:15:00
    < DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd> 示例:<divstyle="float:left">aa</div><divstyle="float:left">aa</div...
  • css如何让div显示在最上层

    万次阅读 2019-05-14 09:49:14
    设置div样式 z-index:auto auto可定义为一个值(整数数字),越大代表越置前, 如可定义为: z-index:999。 前提是div是定位元素。
  • &lt;input id="btnClick" type="button" value="原生写法" class="...div id="pop" class="centerDiv radius" style="width: 260px; height:
  • div中内嵌并排div显示问题

    万次阅读 2016-12-28 20:16:50
    在页面布局中,最常使用的就是div标签,经常会出现div中... 当需要两个div并排显示,并拥有同一个父div时:**<div style="width: 500px; height: 300px; background-color: red;"> <div style="width: 250px; heigh
  • 怎么让DIV在另一个DIV里靠底部显示

    万次阅读 2018-03-22 10:09:31
    #CSS.1 {position:relative;}.2 {position:absolute;left;0;bottom:0;...lt;div class="1"...影响其他元素的情况下定位最好...如果 DIV1 里 只有 DIV2 的话在DIV2 CSS样式里 加一个 margin...
  • 让DIV显示滚动条

    万次阅读 2007-01-18 17:18:00
    今天在公司接到一项任务,主要是做一个导航菜单,菜单分横纵结构,横向主要显示网站中所分大类,纵向主要显示大类中的小类,而纵向菜单是用TreeView来实现的,当TreeView中有很多的项时,可能会使页面走形,而公司...
  • 在CSS样式里面加上margin:0 auto;就好了。
  • DIV横向排列_CSS如何多个div盒子并排同行显示 我们先设置3个div盒子对象,什么css样式都设置看看效果。代码如下:如何多个div盒子并排同行div横向排列显示呢? 三个div盒子均独占一行显示 ...
  • div 同行显示

    千次阅读 2009-09-16 21:33:00
    第一第二第三 边距设定CSS边距属性 margin.D1{border:1px solid #FF0000;}.D2{border:1px solid gray;...}没有margin上面两个div没有设置边距属性(margin),仅设置了边框属性(border)。外面那个div
  • 2个DIV切换显示

    千次阅读 2017-05-03 14:38:21
    1.设计 layer弹出层是最外面的一个大div 2. 代码 3.head中脚本 4.效果图 点击按钮显示divdiv1 点击显示第个div按钮显示另外个div,在同一个弹出层,实际项目最好2个div大小一样
  • 一个div居中显示在浏览器页面中

    千次阅读 2019-08-23 11:13:31
    一个div居中显示在浏览器页面中 <body> <div id="box"></div> </body> <style> *{padding:0;margin:0;} #box{ background-color:black; height:80%;width:80%; position:fixed...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 654,059
精华内容 261,623
关键字:

如何让div不显示