解決問題

1.    如何消除img間的預設間隙

解決辦法：

（1）img{ display:block};

       將其改變為block元素，但是該方法太過粗暴，相當於從根本上改變了img。

（2）img{vertical-align:top;}       改變其垂直對齊方式

（3）div{font-size:0};      把父元素的文字大小設定為0      我一般用這個方法

（4）div{ margin-bottom:-3px };  這個方法不推薦

2.   新增網站ico圖示

在網站根目錄下放一個favicon.ico 檔案， 16*16或32*32畫素

在Vue 專案中：vue專案的目錄結構，根目錄下有一個index.html，這個就相當於我們普通專案中的各個html頁面檔案，所以設定方法就是在index.html的head標籤中新增link標籤。

在這裡要注意的是圖示檔案的位置，不能放到src裡，這樣的路徑會讓瀏覽器找不到。網頁把根域名作為相對路徑的根目錄了，然而我們檔案的路徑是相對於專案檔案的根目錄的，因此就找不到了。因此，圖片一類的靜態檔案，應該放在建在根目錄下的static資料夾下，這個資料夾下的檔案（夾）會按照原本的結構放在網站根目錄下。這時我們再去使用/static絕對路徑，這樣就可以訪問這些靜態檔案了。所以推薦將專案中的靜態檔案放到static資料夾下。將favicon.ico的圖示檔案放到static資料夾內，在index.html的head中新增：<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">

3.DIV+CSS讓同一行的圖片和文字對齊

（1）新增CSS屬性：vertical-align:middle;  常用

（2）div巢狀：將圖片和文字分別套上一個div，就可以利用 margin 熟悉任意定位了

（3）把圖片作為背景：如果你的圖片只是用來作為小圖示放在文字的左側，那就推薦用這個方法，圖片設定成文字的背景，不迴圈，定位在左側上下居中，文字向左padding圖片的寬度加幾個畫素。

程式碼： a img{border:none} .testdiv *{ vertical-align:middle; }

a img{border:none} .testIMG{ float:left; display:inline; margin-top:0; margin-left:5px; } .testTXT{ float:left; display:inline; margin-top:20; margin-left:5px; }

a img{border:none} .testTXT{ height:60px; line-height:60px; padding-left:65px; background:url(http://www.zc144.com/download/Template.jpg) no-repeat left center }

4. 去掉table表格之間的間隙

給table加一行css樣式： border-collapse: collapse;

 5.    元素居中

1）.CSS讓div等塊級元素水平居中：   margin:0 auto;

2）.CSS讓一行內容垂直居中顯示：

      設定該行元素的高度和行高相同    height:200px;   line-height:200px;

3）.讓div等塊級元素水平和垂直都居中

方法一：  知道該div等塊級元素的寬度和高度，然後設定位置為絕對位置，距離頁面視窗左邊框和上邊框的距離設定為50%，這個50%就是指頁面視窗的寬度和高度的50%，最後將該div等塊級元素分別左移和上移，左移和上移的大小就是該div等塊級元素寬度和高度的一半。

方法二：  利用CSS的margin設定為auto讓瀏覽器自己幫我們水平和垂直居中

6.css實現單行 多文字溢位顯示省略號

text-overflow:ellipsis;      white-space:nowrap;               overflow:hidden; 

7.安裝node-sass提示沒有vendor

在node-sass目錄下面新建一個vendor的空目錄，然後執行npm/cnpm rebuild node-sass --save-dev即可，如果安裝失敗，會生成一個目錄名為類似這樣win32-x64-48的空目錄，然後去https://github.com/sass/node-sass/releases這個網站下載對應這個目錄名的.node檔案放到這個目錄下即可。

如果報找不到c:/Python.exe的錯誤，則需要安裝python環境，並且在系統環境變數中加上python的安裝路徑

把node_modules目錄下的node-sass目錄刪掉，重灌node-sass

8.設定的input框上邊和左邊有黑線

新增border：1px solid red；或者  boder：0；

9.input輸入框 游標在輸入框的最前面，讓游標與輸入框左邊有點距離

padding-left:5px;   或者  text-indent:6px

10.vue路由 子路由重定向 子路由預設路由