摘要:在寫網(wǎng)頁的過程中,總是寫完了這一套,樣式出了問題又去找問題廢了好長時間總結(jié)一下寫法以下是結(jié)構(gòu)經(jīng)常會出現(xiàn)里面與文字不在一個高度上解決方法的高的高的行高的行高
在寫網(wǎng)頁的過程中,總是寫完了這一套,樣式出了問題又去找問題廢了好長時間
總結(jié)一下寫法
以下是結(jié)構(gòu) 經(jīng)常會出現(xiàn) li 里面與文字不在一個高度上
<div class="indicators"> <ul> <li>1li> <li>2li> <li>3li> <li>4li> ul> div>
解決方法: ul 的高 == li 的高 == ul 的 行高 == li 的行高
1 .indicators ul { 2 width: 100px; 3 height: 15px; 4 background:rgba(0,0,0,0.3); 5 line-height: 15px; 6 border-radius: 10px; 7 } 8 .indicators li { 9 float: left; 10 border-radius: 50%; 11 width: 15px; 12 height: 15px; 13 background-color: #fff; 14 text-align: center; 15 margin-right: 10px; 16 font-size: 10px; 17 cursor: pointer; 18 }
?
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1417.html
摘要:三怎么下載使用版本選擇兼容使用最為廣泛的,官方只做維護,功能不再新增。如果不考慮兼容低版本的瀏覽器可以使用,最終版本年月日不兼容,只支持最新的瀏覽器。目前該版本是官方主要更新維護的版本。茍全性命于亂世,不求聞達于諸侯。 JQuery 基礎(chǔ) tags: 前端 JQuery 基礎(chǔ) 一 什么是JQery 是一個 輕量級的兼容多瀏覽器的JavaScript庫(類庫) jQuery使用戶能夠更...
摘要:如下區(qū)塊標題前綴可以讓我們使用命令查找標題名時將搜索范圍限制在區(qū)塊標題中。 在參與規(guī)模龐大、歷時漫長且參與人數(shù)眾多的項目時,所有開發(fā)者遵守如下規(guī)則極為重要: 保持 CSS 易于維護 保持代碼清晰易懂 保持 CSS 的可拓展性 為了實現(xiàn)這一目標,我們要采用諸多方法。 本文檔第一部分將探討語法、格式以及分析 CSS 結(jié)構(gòu);第二部分將圍繞方法論、思維框架以及編寫與規(guī)劃 CSS 的看法...
摘要:最近在看前端開發(fā)最佳實踐,看到有一個小節(jié)的標題是過時的塊狀元素和行內(nèi)元素,之前聽到的關(guān)于標簽的嵌套規(guī)范一直在講,甚至面試的時候還被問到,但是自己在之前的工作中,的的確確用標簽包過塊元素,為了能有一個更好的用戶體驗,模擬的一個按鈕。 最近在看《web前端開發(fā)最佳實踐》,看到有一個小節(jié)的標題是 過時的塊狀元素和行內(nèi)元素 ,之前聽到的關(guān)于HTML標簽的嵌套規(guī)范一直在講,甚至面試的時候還被問到...
閱讀 3662·2021-11-15 11:37
閱讀 2990·2021-11-12 10:36
閱讀 4450·2021-09-22 15:51
閱讀 2394·2021-08-27 16:18
閱讀 899·2019-08-30 15:44
閱讀 2176·2019-08-30 10:58
閱讀 1792·2019-08-29 17:18
閱讀 3288·2019-08-28 18:25