常用的css-fix

把經(jīng)常用到的css屬性設(shè)置為class,需要的時(shí)候引入即可崇堵。

  • 將元素設(shè)置為block并且水平居中
    .center-block {
      display: block;
      margin-right: auto;
      margin-left: auto;
    }
    
  • 讓文字不可換行逼庞,超越邊界的文字顯示為省略號(hào)
    .text-nowrap {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    
  • 讓文字隱藏
    .text-hide {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
    }
    
  • 清除浮動(dòng)鸭巴,并且禁止margin重疊
    .clearfix:after,
    .clearfix:before {
      content: "";
      display: table;
    }
    .clearfix:after {
      clear: both;
    }
    
  • 淘寶的CSS reset
  body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
  body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
  h1, h2, h3, h4, h5, h6{ font-size:100%; }
  address, cite, dfn, em, var { font-style:normal; }
  code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
  small{ font-size:12px; }
  ul, ol { list-style:none; }
  a { text-decoration:none; }
  a:hover { text-decoration:underline; }
  sup { vertical-align:text-top; }
  sub{ vertical-align:text-bottom; }
  legend { color:#000; }
  fieldset, img { border:0; }
  button, input, select, textarea { font-size:100%; }
  table { border-collapse:collapse; border-spacing:0; }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末吗货,一起剝皮案震驚了整個(gè)濱河市字逗,隨后出現(xiàn)的幾起案子急前,更是在濱河造成了極大的恐慌醒陆,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件裆针,死亡現(xiàn)場(chǎng)離奇詭異刨摩,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)世吨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門澡刹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人耘婚,你說我怎么就攤上這事罢浇。” “怎么了沐祷?”我有些...
    開封第一講書人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵嚷闭,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我赖临,道長(zhǎng)胞锰,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任兢榨,我火速辦了婚禮嗅榕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘吵聪。我一直安慰自己凌那,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開白布暖璧。 她就那樣靜靜地躺著,像睡著了一般君旦。 火紅的嫁衣襯著肌膚如雪澎办。 梳的紋絲不亂的頭發(fā)上嘲碱,一...
    開封第一講書人閱讀 49,749評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音局蚀,去河邊找鬼麦锯。 笑死,一個(gè)胖子當(dāng)著我的面吹牛琅绅,可吹牛的內(nèi)容都是我干的扶欣。 我是一名探鬼主播,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼千扶,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼料祠!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起澎羞,我...
    開封第一講書人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤髓绽,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后妆绞,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體顺呕,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年括饶,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了株茶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡图焰,死狀恐怖启盛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情楞泼,我是刑警寧澤驰徊,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布,位于F島的核電站堕阔,受9級(jí)特大地震影響棍厂,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜超陆,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一牺弹、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧时呀,春花似錦张漂、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至趴梢,卻和暖如春漠畜,著一層夾襖步出監(jiān)牢的瞬間币他,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工憔狞, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蝴悉,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓瘾敢,卻偏偏與公主長(zhǎng)得像拍冠,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子簇抵,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案庆杜? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,734評(píng)論 1 92
  • 1、垂直對(duì)齊 如果你用CSS正压,則你會(huì)有困惑:我該怎么垂直對(duì)齊容器中的元素欣福?現(xiàn)在,利用CSS3的Transform焦履,...
    kiddings閱讀 3,152評(píng)論 0 11
  • 以下是常用的代碼收集拓劝,學(xué)習(xí)用。轉(zhuǎn)自[豪情博客園] (http://www.cnblogs.com/jikey/p/...
    自由加咖啡閱讀 1,079評(píng)論 0 1
  • 1.費(fèi)翔嘉裤,1960年出生郑临,55歲的老男人,濃密的黑發(fā)屑宠,絡(luò)腮的胡渣厢洞,憂郁的藍(lán)眼睛,讓我又想起兒時(shí)典奉,回到1987年的春...
    蟈蟈曾閱讀 288評(píng)論 0 1
  • 活出最好的自己躺翻, 愛我最愛的人, 默語走前路卫玖。
    花開夢(mèng)不殤閱讀 114評(píng)論 0 1