嗨，好久不見。

嗨，好久不見。

導語：

好久沒有寫文章了，大四下學期忙著畢業，畢業後又忙著工作。總之一個字"忙"。最近手頭的項目少點了，有空餘時間了，所以又回來寫東西了~

說些啥呢？

剛回來嘛，話太多了，反而不知道從何說起，那就挑點工作中遇到的一些CSS 的小知識點跟大家講講吧~

關於居中

我們都知道，如果需要文字水平居中呢，我們都會這樣寫：

text-align: center;n

如果文字需要需要垂直居中呢？

line-height: ${parent}px;n

文字居中解決了，那麼塊級元素的水平居中呢？

display: inline-block;n

水平居中解決了，那麼如果我要水平&垂直居中呢？這個問題應該大家都遇到過，這裡有一種最簡單的方法：

#父級元素需(position:relative)nmargin: auto;nposition: absolute;ntop: 0;nright: 0;nbottom: 0;nleft: 0;n

關於省略

超過一行省略：

overflow : hidden;ntext-overflow: ellipsis;nwhite-space:nowrap;n

那如果需要超過 x 行省略呢？

overflow : hidden;ntext-overflow: ellipsis;ndisplay: -webkit-box;n-webkit-line-clamp: x;n#這裡的 x 指的是 x 行n-webkit-box-orient: vertical;n

以上。

最近對數據分析有很大的興趣，所以後面會給大家分享一些用 nodejs 來進行爬取數據以及對爬取出來的數據進行分析的文章~

如果你們有其他感興趣的方面，可以私信給我哦，我會跟你一起去學習研究~

本文同步發佈於同名微信公眾號：WeCode365，有興趣的同學可以關注一下。

推薦閱讀：