CSS文字垂直置中圖片文字對齊align-self: center

CSS圖片垂直至中與文字對齊指的是什麼意思??如下圖顯示,文字自動對齊圖片中間。

使用CSS排版類似以下圖片與文字版面時,通常會使用圖片向左浮動後,圖片就會因為脫離區塊,文字就會靠上圖片。這樣的情況文字是靠最上層區塊,邊緣開始排列下來,有時在設計上的需求並不理想。

Posted in CSS

Continue Reading

Comment

Facebook留言版通知與管理設定教學-Facebook Comments Plugin

網站上使用Facebook所提供的留言版 Facebook Comments Plugin功能,已經是很部落格網站常見到使用的,因為它簡單好應用所以受歡迎。

常在使用上會有碰到就是設定上的問題,這也是剛開始不理解Facebook Comments Plugin,所以往往需要摸索一段時間,才能將基本的設定給設定好。

這裡也是說明如何解決這些設定的問題,其實設定簡單但若有些步驟沒有做到,就可能使得管理與通知功能無法出現。

首先必須要有fb應用程式編號,申請網址:https://developers.facebook.com/apps/

Posted in 電腦技巧

Continue Reading

Comment

Facebook Debugger 檢查錯誤教學使用property meta標籤做分享

Facebook可自行抓取文章內資訊做分享訊息,或使用meta標記指定此頁面在分享時要呈現的資訊,如下範例:

以下範例顯示如何使用 og:type="article" 以及許多其他屬性來標示文章、動態消息或部落格貼文:

<meta property="og:url" content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type" content="article" />
<meta property="og:title" content="When Great Minds Don’t Think Alike" />
<meta property="og:description" content="How much does culture influence creative thinking?" />
<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Facebook在分享貼文時,都會把分享過的資料用存起來,所以在Facebook若要使用property meta標籤做分享時,需要配合使用Sharing Debugger做除錯,此功能可重新產生網頁上的最新的Facebook分享貼文結果,只要貼上要除錯的網址要按下Debug按鈕。

Posted in 電腦技巧

Continue Reading

Comment

Find the last offers by SkyBet at www.bettingy.com BettingY.com Bonuses