padding 隨筆 lec wrap png val {} 直接 back

控制文本顯示字數，超過規定的文本長度 x顯示...

white-space:nowrap; //規定不能換行

overflow:hidden;

text-overflow:ellipsis; //超出長度，“...”顯示

width:320px;

設置 div內div居中顯示（此方法中的display:flex 為較高版本的所以ie9 不兼容）

父層div加上css屬性

display:flex;
justify-content:center;
align-items:center;

input 框初始提示文字

placeholder="手機號/郵箱/用戶名"/

子層的margin與父類的margin合並問題：http://blog.csdn.net/hnxieyi/article/details/52818236

可以通過以下方式避免margin的合並問題

都用float來定位（有條件要求，適用範圍較廣）
為父元素添加overflow不為visiable 的屬性 （適用範圍極廣，推薦使用）
為元素添加border（一般不用）
使用絕對定位（適用範圍較窄）
父元素增加padding-top屬性（改變尺寸，不建議使用）

然鵝我在用margin-top的時候又發現一個問題： 在上一個層有clear屬性的時候margin-top不起作用，應該還是margin合並的問題，但是具體原因我沒有分析清楚，只提供幾個解決方案，供大家參考：

中間加一個層<div style=”clear:both”></div>
設置上一個層的margin-bottom來代替下一個層的margin-top
使用包裹層，並設置上下層都用float:left;
使用絕對定位
全部加上border

父層 往下 遍歷子層 可以用 find();

childern() //children() 方法返回返回被選元素的所有直接子元素。

animate使用

div,animate({“”:“” ，“”:“”},1200)

其中{}可以為執行動畫的style e.g height、left....

“1200”為毫秒或者“fast”“normal”“slow” 為動畫的執行速度

js後期新加元素綁定事件可以通過下方法

$(document).on("click",‘.addspan‘,function(){
$(this).remove();

});

或者我們可以通過在加元素前 。將綁定的事件寫入 加元素的html中

e.g

var eleSpan = "<span onclick=‘labelClick(this)‘>"+sign+"</span>";   //將this 作為綁定事件的參數
if(spanlength == 0){
            $(".selected").empty();
            
            
            $(".selected").append(eleSpan);
            } else if(spanlength < 3){
                $(".selected").append(eleSpan);
                }else{
                    alert("最多添加三個哦~");
                    }
function labelClick(ele){
        $(ele).remove();
    }

jquery方法：

removeClass（）； //刪除類

addClass（）； //加類

empty（）； //從被選元素內移除所有內容，包括所有文本和子節點。

remove（）； //移除被選元素，包括所有文本和子節點。

val（）； //返回或設置被選元素的值。元素的值是通過 value 屬性設置的。該方法大多用於 input 元素。value為js的屬性

text(); //返回或設置 被選元素中的所有文本值

index（）； //同類同胞所在的位置 從0開始，找不到為-1

對於格式比較特殊的我們可以用table

table的行間距設定

border-spacing: 2px 15px; //橫向 2px； 縱向 15px

去掉相鄰重復的邊框

margin: 0 0 -1px -1px; （根據邊框寬度來調節）

position   absolute  relative區別

absolute：  對於absolute定位的層總是相對於其最近的定義為absolute或relative的父層，而這個父層並不一定是其直接父層。
            如果其父層中都未定義absolute或relative，則其將相對body進行定位，

relative: relative定位的層總是相對於其最近的父元素，無論其父元素是何種定位方式

background 定位

120px 12px 水平120px； 豎直方向12x；

跟著老公學習html隨筆CSS(*^__^*)