以前每次寫一些這種小樣式,總是要上百度搜,感覺很麻煩,所以我把自己用過的這樣常用樣式都記錄下來,不用每次都去找!
用省略號替換超出的內容:
- overflow: hidden;
- white-space: nowrap; -- 不換行
- text-overflow: ellipsis -- 用省略號代替
去掉<li>前面的點:
- list-style-type: none;
讓<li>前面的點在盒子內部:
- list-style-position: inside;
以前每次寫一些這種小樣式,總是要上百度搜,感覺很麻煩,所以我把自己用過的這樣常用樣式都記錄下來,不用每次都去找!
用省略號替換超出的內容:
去掉<li>前面的點:
讓<li>前面的點在盒子內部:
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
二級導航實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄