CSS3 Flexbox解決方案

期以來，CSS 一直缺乏合適的布局機制。變形，動畫，濾鏡，對這門偉大的語言來說都很有用的補充的，但是都沒有解決 Web 開發人員一直抱怨的的主要的看起來似乎是永恒的問題。

終于，感謝Flexbox ，我們有了一個解決方案。查看說明、DEMO及項目源代碼：Flexbox解決方案

這個網站不是另一個CSS框架。相反，它的目的是展示曾經很困難甚至無法單獨使用 CSS 能解決的問題，而現在使用Flexbox簡單易用。隨著最近發布的Internet Explorer 11和Safari 6.1，最新的Flexbox規格已經被每一個的現代瀏覽器支持（愚人碼頭注：瀏覽器的支持請客，你可以看 http://caniuse.com/#feat=flexbox）。

在Web檢查器（天涯孤雁注：開發者工具）中查看樣式或深入了解源代碼，看看Flexbox成為主流后CSS布局會變得多么容易。

這個解決方案主要提供了以下幾個應用：

更好，更簡單的柵格系統Flexbox：滿足了我們大部分對于柵格系統的需求。并且尺寸、對齊僅用一兩個屬性就能搞定。
圣杯布局：這是一個經典的 css-hack 布局挑戰，歷史上出現的方案都沒有完美解決。直到 Flexbox 布局的出現，終于成為可能。
輸入附加組件：創建全寬度，流式的輸入/按鈕組在 CSS 的歷史中幾乎不可能。有了 Flexbox 布局，一切將會變得更簡單。
媒體對象：創建含有固定或變化的頭像的媒體對象，不用擔心溢出(overflow)，清除浮動(clearfixing)，或者塊格式化內容(block formatting context)等 hack 。
粘性頁腳：讓你的頁腳粘在底部一直以來是一個技巧。如果頁腳的高度未知，那么基本上就不可能了。現在不再如此。
垂直居中：這個經典的問題問題一直被 CSS hackers 挑戰了很多年，歷史的解決方案沒有一個能夠完整地解決。有了 Flexbox 布局，終于成為了可能。

最近一段時間，每個SEO人員，都會遇到這樣的事情：

① 某些舊頁面的關鍵詞，突然開始大幅提升，而你并沒有給予過多SEO資源。

② 某些新頁面的關鍵詞，突然排名大幅下降，而你卻不斷的輸入資源。

③ 關鍵詞排名今天有，明天沒有。

④ 關鍵詞排名浮動式的持續下降，有的則是一條斜線，一路上漲。

這讓很多SEO初學者非?！般隆?，我該繼續如何操作，特別是面臨KPI壓力的時候，甚至對于第三方SEO服務機構也是一種挑戰。

那么，SEO關鍵詞排名浮動，如何泰然處之？

根據以往關鍵詞優化的經歷，蝙蝠俠IT，將通過如下內容，進一步說明：

1、淡定

我們認為對于搜索引擎而言，任何一次調整與波動，都是有一個周期性的，如果你在算法調整周期中，每天都在跟蹤相關的數據指標。

那無異于是自尋煩惱，而這個時候，我們給出的建議就是“淡定”泰然處之，比如：

① 盡量過多的在社群中，討論相關話題，除非是領域KOL給出的建議，否則，基本沒意義。

② 靜下來思考一下，我的網站與內容，如何才能更好的展現給用戶，哪個頁面需要調整。

③ 我的內容是真的以用戶為中心嗎，還是為了純粹的SEO排名。

④ 增加一些戶外活動，讓自己換一個輕松的環境，你的思路可能會有改觀。

2、審查

當你覺得自己已經足夠冷靜，而沒有過多主觀意見的時候，你可以坐下來，泡杯咖啡，認真的做一下SEO診斷，看看自己的網站到底哪里有問題，比如：

① 頁面陳舊性錯誤：關鍵詞堆積（大部分企業站常態問題）

② 網站內容更新：哪些頁面活躍度在降低（更新、點擊量）

③ 站內頁面沖突：采用TAG聚合頁排名（使得獨立的單頁，存在一定的站內沖突）

④ 欲速則不達：排名下降，網站低質量外鏈增長速度過快（惡性循環）

⑤ 頁面內鏈配置：內鏈是一個雙刃劍，錯誤的關聯不相關的頁面，容易產生連帶效應。

⑥ 搜索引擎爬行：查看網站日志，針對搜索引擎的蜘蛛，是否出現大量的301、404、304等狀態碼。

⑦ 網站增加欄目：增加頁面欄目，比如：問答板塊，它是否造成整站垂直度下降，稀釋頁面內容質量。（很嚴重）

⑧ 網站整站結構：是否調整分頁展現、列表頁調用數量、網站導航的欄目匹配、去除頁腳導航等，使得整站結構大規模變化。

⑨ 品牌營銷活動：是否由于品牌營銷活動，使得短周期內，產生大量的用戶點擊，是否造成誤傷。

3、方案

當我們針對自身網站，進行逐一排查問題的時候，你可能需要制定一個階段性的策略，用于調整目前的現狀，比如：

① 如果你頁面標題堆積，并且Title標簽很長，我們建議：有序的修改標題，避免過快的變更。

② 嘗試提升整站更新頻率，它包括：內容頁+URL增長（獨立思考）。

③ 如果出現內容頁沖突問題，盡量選擇利用301重定向合并，或者單獨調整獨立頁的關鍵詞密度。

④ 外鏈建設合理控制增長速度，盡量避免購買鏈接，發站群外鏈。

⑤ 如果可以不要利用插件自動添加內鏈，實在不行，可以放棄內鏈。

⑥ 合理處理爬蟲訪問的404頁面，比如：提交死鏈接。

⑦ 當你試圖增加目標欄目的時候：你需要思考，是否有可持續、高質量內容輸出。

⑧ 如果不是經過A/B測試，以著陸頁轉化率為目的，盡量避免調整整站結構（最好不）

⑨ 在做品牌營銷活動的時候，盡量思考一下，其對SEO產生的潛在影響。

4、測試

當我們針對上述問題，做出相關診斷與解決方案的時候，我們就是確保執行階段，可以完美的落實相關計劃，而不斷利用測試，積累經驗。

總結：如果你長期從事SEO工作，你有的時候會對搜索引擎的調整天生的“敏感”，關于上述問題，仍然有諸多細節，和一些核心因素沒有進一步的展開討論，僅供大家參考，我們一直認為“眾人拾柴火焰高”。

著作權歸作者所有，本站根據CC0協議授權轉發

商業轉載請聯系作者獲得授權，非商業轉載請注明出處

聯系：[運營的小事]編輯

2007版開始，OFFICE的界面風格從菜單、工具欄轉為功能區（Ribbon）選項卡風格已經10年了，大家早已經習慣了從各個選項卡中執行命令的快捷。今天，回頭哥要和大家分享的是可能已經被部分小伙伴習慣性遺忘的右鍵快捷菜單在Word排版中的應用。右鍵菜單就出現在鼠標活動光標傍邊，距離非常的近，習慣了使用后，用戶可以省去很多操作冤枉路，手腕也會輕松不少哦。

一、在錄入文字時

在錄入文字的時候在光標活動處直接單擊鼠標右鍵，可以同時彈出浮動工具欄和右鍵菜單。其中浮動工具欄包含了字體、段落、項目編號、樣式和格式刷等常用的編輯工具，它就在鼠標的右上方。

另外，剪貼板相關命令、字體和段落對話框都在右鍵菜單的顯示位置，選擇起來非常方便。如果要為選定的文字段落設置文字方向，或者向文檔中插入符號的號，可以從右鍵菜單中輕松選擇該命令，再也不用跑很遠的“路”到選項卡中點擊3下鼠標了。

注意：是否選擇文本后執行右鍵，右鍵菜單中的部分命令特別是剪貼板命令顯示狀態是不同的。

二、在表格中

表格是Word中一個非常重要的工具，利用表格工具，不僅可以制作各類的表格，靈活運用表格工具，還可以完成很多特殊的排版效果。

在表格對象上面單擊鼠標右鍵，也會有相應的表格工具供用戶使用。

選中整個表格后，在表格中單擊右鍵，可以看到如下的菜單：在右鍵菜單中，常用的插入行、列、單元格命令，刪除表格、平均分布行或列、邊框樣式、自動調整、文字方向、表格屬性等都在菜單在，甚至還可以使用【插入題注】命令來方便的給表格進行自動編號。

另外，Word會根據單元格的選擇結果不同而調整右鍵菜單中的命令，如下圖是不選擇任何單元格而直接在表格上單擊右鍵的菜單：

下圖是選擇了某幾個單元格再單擊鼠標右鍵的結果：

三、在圖形圖片上

在Word中通過鼠標右鍵，可以輕松將圖片保存成獨立的png圖片：

另外，還可以通過右鍵菜單對圖片進行更改、添加題注，設置環繞版式，也可以打開圖片格式窗格進行更為詳細的設置。

而在繪制的圖形中使用右鍵，則可以對圖形進行添加文字、編輯頂點等快速設置：

下圖是在SmartArt上使用鼠標右鍵的菜單：

四、在自動編號上

在自動編號列表上使用右鍵，可以對列表縮進和編號起始值等項目進行設置：

五、在應用了內置樣式的標題上

在使用了樣式或大綱級別的標題上使用鼠標右鍵，可以對該標題下的內容進行折疊或展開操作：

六、在導航窗格上

在導航窗格中的標題上使用右鍵，可以對標題進行升降級、刪除、選中、展開折疊、打印指定標題內容等操作：

右鍵菜單可以說是無處不在，除了前文所述內容外，在文檔中的其他對象上面，還有頁眉、頁腳、選項卡、狀態欄等程序界面上都可以使用右鍵菜單。在編輯文檔的過程中請大家要習慣的先去單擊一下鼠標的右鍵，去探索右鍵中的秘密吧，真的會有意想不到的收獲哦！

圖文作者：鄭志澤

ExcelHome云課堂講師

在線咨詢

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

CSS3 Flexbox解決方案

您的項目需求