html布局

div中内容位置

<div style="text-align:center;">
    <input type="button" class="btn btn-info" id="" value="审核">
</div>

---

让div置于最高层,不被其他元素覆盖

css  z-index :9999
$("#id-head-control").css("position", "fixed").css("top", "0").css("width", 1140).css("z-index",9999);

---

html 中 textarea 自适应

网上查了一下代码如下，可是没有成功，自己用的第二段代码可以满足需求：

<textarea style='border: 1px solid #94BBE2;width:100%;' rows=15 onpropertychange='this.style.posHeight=this.scrollHeight' id=textarea onfocus='textarea.style.posHeight=this.scrollHeight'> 

<textarea id="id_note" onscroll="this.rows++"   cols="40" name="note"></textarea>#textarea中间不能有间断，否则第一行会有空格

---

因为html中不能识别\n，故引入pre

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
自动换行代码

pre { 
white-space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word; /* Internet Explorer 5.5+ */ 
} 

---

checkbox jquery 判断选中

<input type="checkbox" id="buy_limit_id" name="buy_limit">
$("#buy_limit_id").prop("checked")

---

水平垂直居中的对象的样式

#position {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 40px;
    margin: -20px 0 0 -75px;
    padding: 0 10px;
    background: #eee;
    line-height: 2.4;
}

---

div 很长的文字显示一行，其他的显示省略号

    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;