有沒有遇到過這種情況，在div中放置ul元件，li中的文字始終不能排版到div中間，也就是不能垂直居中。如下圖所示。“收藏京東”不能垂直居中。小編找到了如下解決辦法。
方法/步驟
先找到對應ul使用的樣式類。如該ul使用名字叫“shou”的樣式。
開啟css檔案，會發現只有shou li樣式，直接作用在了li上，沒有ul樣式。
新增一段直接作用在ul上的樣式。magin-top：6px代表ul離div最上面的距離已經設定死了。這是最直接的垂直高度設定的方式。magin代表ul邊框和div之間的空隙。
如果檔案中已存在對ul樣式的定義。那就直接修改。看看是否有magin top這個屬性。
注意ul中的li樣式必須要有float：left or right這樣的屬性定義，不然排版不會整齊的排成一行。會成縱列。
再次強調：如果想要div中的ul保持垂直方向上的居中，是對ul樣式magin需要定義，而不是li。