当前位置:www.40598.com > www.40598.com > 正文

并不克不及到达上下(摆布)间距为0


  操纵定位属性(top、left、right、bottom)百分比的模式。若为100%,则代表偏移的长度为父div的高度(宽度)的100%。

  定位属性top和bottom(或是left和right)值别离设置为0,但子div有固定高度(宽度),并不克不及达到上下(摆布)间距为0,此时给子div设置auto会使它居中显示。

  注:行高若是设置为当前父div的高度(400px)的话,有固定高度的子div并不会居中显示的,问题出正在浏览器默认将其当做文本居中的,即把它当做了一段文本(chrome默认16px;hight:21px)进行居中,没把它当做高度100px进行居中。所以需要对父div的line-height进行调整。以0(对应的字体高度为0)为例子,则需要line-height添加一个子div的高度(400px + 100px;)。

  表格单位格比力特殊,若是只要一个单位格时,它的宽度默认会占父级(tabletr)宽度的100%;

  div的行高档于本身高度时,内部的行内元素会上下居中显示。行内块没有固定高度时也会上下居中显示。所以需要对父div的 line-height 进行调整。操纵定位属性(top、left、right、bottom)百分比的模式。若为100%,则代表偏移的长度为父div的高度(宽度)的100%。定位属性top和bottom(或是left和right)值别离设置为0,但子div有固定高度(宽度),并不克不及达到上下(摆布)间距为0,此时给子div设置 auto 会使它居中显示。

  当父div的行高档于本身高度时,内部的行内元素会上下居中显示。行内块没有固定高度时也会上下居中显示。通过文本居中属性text-align:center,能够使内部行内元素或行内块元素摆布居中显示。