原创 haslayout初步認知

———-IE專有的Layout hasLayout的字面意思是 “擁有佈局”。在說明 hasLayout 之前,需要先說明一個跟它相關的概念–”Layout”,也就是“佈局”。 “Layout”是IE/Win的專有概念,它決定了元

原创 Bootstrap 初步

第一章 p或者.p用於段落標籤 <p></p> <div class="p"></div> .lead則屬於p的異類,爲加強型突出的文字,.lead本身是定義是一個塊級的標籤樣式,所以它不應該是在行內加強,而是單獨作爲一個段落標

原创 Bootstrap四-菜單、按鈕、導航

下拉菜單(基本用法) /* html 裏面的 role 屬性是什麼意思和用途,這是html5中的;role是表示元素扮演的角色,在這裏就是這個div;role = complementary意思就是扮演補足的角色 */ /* html

原创 關於JQ的對象與DOM對象的關係的假設

js中的new Object(); 實際上是對實例化了一個 function Object(){[code]}; 與 function aa(){}; new aa();實質上無太大區別。 所以控制檯中會顯示其constructor爲

原创 Bootsrap二

水平表單 Bootstrap框架默認的表單是垂直顯示風格,但很多時候我們需要的水平表單風格(標籤居左,表單控件居右) 在Bootstrap框架中要實現水平表單效果,必須滿足以下兩個條件: 1、在<*form>元素是使用類名“for

原创 2015-10-10 發現的問題及解決

displayinline-block的對齊 當所有的display:inline-block以塊內的文字爲對齊標準,如果有塊中沒有文字,則將該行內塊的塊底部作爲veritical-align:baseline處理 b{disp

原创 Bootstrap三——佈局

基本用法 網格系統用來佈局,其實就是列的組合。Bootstrap框架的網格系統中有四種基本的用法。由於Bootstrap框架在不同屏幕尺寸使用了不同的網格樣式,在這一節中所涉及到的示例,我們都以中屏(970px)爲例進行介紹,其他屏幕的使

原创 IE6 瀏覽器常見兼容問題 大彙總(23個)

這個是轉載自 獨行冰海 的博客。 IE6以及各個瀏覽器常見兼容問題 大彙總 綜述:雖然說IE6在2014年4月將被停止支持,但是不得不說的是,IE6的市場並不會隨着支持的停止而立刻消散下去,對於WEB前端開發工程師來說,兼容IE6 兼

原创 每天發現的bug以及處理過程

———-ie雙倍marginbug 在浮動的時候,ie會產生雙倍的margin,只要給浮動元素加上display:inline就行,因爲folat已經觸發了layout,所以擁有佈局。 ———-上邊距重疊 邊距重疊 hasLay

原创 2015-10-12

一、在IE7 中,有時候line-height對img無效,在img標籤後面加上空格就行,或者在img前/後加上& nbsp; <style> .box{line-height:100px; height:100px;} </s

原创 display:inline-block兼容ie6/7的寫法

display:inline-block兼容ie6/7的寫法 實例演示效果 display:inline-block作用? 使用display:inline-block屬性,可以使行內元素或塊元素能夠變成行內塊元素,簡單直白點講