menu
more_vert
HTML小知识点积累

作者:dayu

<html style="height: 100%;"> <body style="height: 100%;"> <div style="height: 100%;"> <p> 这样这个div的高度就会100%了 </p> </div> </body> </html> .bg{ width: 100%; height: 100%; background: center no-repeat; /*使得图像最大化,能够覆盖住整个面板*/ background-size: cover; /*绝对定位,否则图片不显示*/ position: absolute; width: 100vw; // 这个设置容器宽度为浏览器宽度 height: 100vh; // 这个设置容器高度为浏览器高度 z-index: -999; } html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"grayscale\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale"); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray; -webkit-filter: grayscale(1) } display: table width: auto margin-left: auto margin-right: auto

或者直接从center标签

<center>
     <button class="btn btn-success btn-lg btn-store">马上选择</button>
</center>

再或者指定class为center-block

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"/>
html{ position: relative;//便于绝对定位 height: auto;//最大不限制高度 min-height: 100%;//最先为整个屏幕的高度 }

那么footer就例如以下设置定位就可以

footer{
    height:100px;
    position:absolute;//绝对定位
    bottom:0;//保证在底部
    width: 100%;
    background: #48525E;
    border: 1px solid blue;
}

<body scoll=no> 全禁止 <body style="overflow:scroll;overflow-y:hidden"> 禁止纵向滚动栏 <body style="overflow:scroll;overflow-x:hidden"> 禁止纵向滚动栏 overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时怎样显示内容 overflow: auto; 在须要时内容会自己主动加入滚动栏 overflow: scroll; 总是显示滚动栏 overflow-x: hidden; 禁止横向的滚动栏 overflow-y: scroll; 总是显示纵向滚动栏 <div style="margin: auto;display: table; text-align: center;margin-bottom: 0"> <img src="images/bg-one-img.png" style="max-width:100%"> </div> overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

多行:

 overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

10.阻止a链接跳转onclick和href

链接的onclick事件被先运行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);
假设链接中同一时候存在href与onclick,假设想让href属性下的动作不运行,onclick必须得到一个false的返值;
假设页面过长有滚动栏,且希望通过链接的 onclick事件运行操作。

应将它的 href属性设为 javascript:void(0); 。而不要是 #。这能够防止不必要的页面跳动;



HTML小知识点积累

原文地址:http://www.cnblogs.com/clnchanpin/p/7209277.html