加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

css能力:经典常用CSS行使能力几则

发布时间:2018-08-20 12:45:12 所属栏目:创业 来源:站长网
导读:行使 line-height 垂直居中 line-height:24px; 行使牢靠宽度的容器而且必要一行垂直居中时,行使 line-height 即可(高度与父层容器同等),更多的垂直居中总结可以看这里。 破除容器浮动 #main { overflow:hidden; } 期前也提到过这样的题目,更多信息可以
行使 line-height 垂直居中

  line-height:24px;

  行使牢靠宽度的容器而且必要一行垂直居中时,行使 line-height 即可(高度与父层容器同等),更多的垂直居中总结可以看这里。

  破除容器浮动

  #main {
   overflow:hidden;
  }

  期前也提到过这样的题目,更多信息可以看这里。

  不让链接折行

  a {
   white-space:nowrap;
  }

  上面的设定就能停止链接折行,不外小我私人提议长链接会有响应的这行(有关换行方面的接头,参看圆心的记录)。

  始终让 Firefox 表现转动条

  html {
   overflow:-moz-scrollbars-vertical;
  }

  更多的 Mozilla/Firefox 私有 CSS 属性可以参考这里。需跨赏识器的支持,也可以行使

  body, html {
   min-height:101%;
  }

  使块元素程度居中

  margin:0 auto;

  着实就是

  margin-left: auto;
  margin-right: auto;

  这个能力根基上全部的 CSS 教科书城市有声名,别健忘给它加上个宽度。Exploer 下也可以行使

  body{
   text-align: center;
  }

  然后界说内层容器

  text-align: left;

  规复。

  潜匿 Exploer textarea 的转动条

  textarea {
   overflow:auto;
  }

  Exploer 默认环境下 textarea 会有垂直转动条(不要问我为什么)。

  配置打印分页

  h2 {
   page-break-before:always;
  }

  page-break-before 属机能配置打印网页时的分页。

  删除链接上的虚线框

  a:active, a:focus {
   outline:none;
  }

  Firefox 默认会在链接得到核心(可能点击时)加上条虚线框,行使上面的属性可以删除。

  最简朴的 CSS 重置

  * {
   margin: 0; padding: 0
  }

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读