html css寫出類似word目錄樣式的內容

word目錄的格式裡這種很常見，要用html+css寫出來剛開始還有點懵。

左右兩邊都是內容撐開寬度，中間內容的寬度也不是確定的，也是隨著左右兩邊的內容動態變化的。

最終解決思路是，給右邊內容加上白色背景色，然後設定層級z-index，遮住右邊超出的線條。

html

<

ul>
<
li><
div 
class
="list-nap1"
>行駛12公里
div><
div 
class
="list-line"
>
div><
div 
class
="list-con1"
>25元
div>
li>
<
li><
div 
class
="list-nap1"
>時長30分鐘
div><
div 
class
="list-line"
>
div><
div 
class
="list-con1"
>5元
div>
li>
<
li><
div 
class
="list-nap1"
>高速費/停車費
div><
div 
class
="list-line"
>
div><
div 
class
="list-con1"
>30元
div>
li>
<
li><
div 
class
="list-nap1"
>遠途費
div><
div 
class
="list-line"
>
div><
div 
class
="list-con1"
>6元
div>
li>
<
li><
div 
class
="list-nap1"
>個人支付
div><
div 
class
="list-line"
>
div><
div 
class
="list-con1"
>30元
div>
li>
<
li><
div 
class
="list-nap1"
>企業支付
div><
div 
class
="list-line"
>
div><
div 
class
="list-con1"
>10元
div>
li>
ul>

ul li div.list-line.list-con1

在word中寫出打勾的方框

下面是四種在 裡打 的方法 1 快捷鍵alt 9745 這個是電腦系統自帶的快捷組合鍵，我們只需按照鍵盤的alt鍵不放，然後在小鍵盤輸入數字9745即可打出此符號 2 如果是膝上型電腦沒有小鍵盤，首先需要在文件裡輸入數字2611，接著按照組合鍵alt x。剛才的數字即可轉換為方框帶勾的符號 3 輸入...

類似與Word的兩邊對齊

上面這些文字，在網頁中顯示的時候有時候右邊總是錯亂無法垂直對齊，而我們在設計網頁的時候，在使用css的時候，常用的相關的樣式是 text align，我們都知道他的幾個常見的屬性 left,center,right,norma,inherit,justify 使用justify屬性值可以使得文字兩端...

用原生js寫出類似於ajax請求程式

myajax是乙個用js編寫的乙個跨瀏覽器的ajax庫，支援get,post,jsonp請求，精巧，簡單。原始碼 var myajax 根據url中是否出現過 來決定新增時間戳引數時使用 還是 var paramprefix url.indexof 1 url url paramprefix jso...