码迷,mamicode.com
首页 > Web开发 > 详细

00. css 答疑整理(未归类)

时间:2018-05-10 11:26:49      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:order   注释   段落   方法   int   float   oat   jpg   处理   

height:auto 和 height:100% 区别

    1. auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。例如:
      1. <div style="height:100px;width:200px;">
      2. <div style="height:auto;width:100px;float:left;">这个容器的高度是随里面的内容的高度而定</div>
      3. <div style="height:100%;width:100px;float:right;">这个容器的高度为父级的高度,100px</div>
      4. </div>

为同一个标签,定义多个样式

    技术分享图片

display

  1. 隐藏元素 display:none 或 visibility:hidden
    1. visibility:hidden 可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间,使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明)。也就是说,该元素虽然被隐藏了,但仍然会影响布局。
    2. display:none 可以隐藏某个元素,且隐藏的元素不会占用任何空间。
      也就是说,该元素不但被隐藏了,而且该元素原本占用的空间也会从页面布局中消失。且不加载!使用该属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;

white-space

规定段落中的文本不进行换行:
  1. p{
  2. white-space: nowrap
  3. }
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
    normal    默认。空白会被浏览器忽略。
    pre       空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
    nowrap    文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
    pre-wrap    保留空白符序列,但是正常地进行换行。
    pre-line    合并空白符序列,但是保留换行符。
    inherit    规定应该从父元素继承 white-space 属性的值。

min-height

设置元素最小高度。这属性 将自适应于内容高度,当内容不足,也不能小于设定值。 
    css设置最小高度 然后自适应:
  1. //下面是无注释版,复制就能用的:
  2. min-height:400px;*+height:100%;_height:400px; // 兼容
  3. //这种方式还是不错的,当然还有其它处理方法可以解决这样的小问题:
  4. min-height:400px; height:auto!important; height:400px;























2017年10月25日 23:04:15







00. css 答疑整理(未归类)

标签:order   注释   段落   方法   int   float   oat   jpg   处理   

原文地址:https://www.cnblogs.com/lhsaq2009/p/9017915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!