close

#fb .content {
  font-size: 25px;
  font-weight: 300;  /**字元粗細**/
  letter-spacing:0;  /**字元間距**/
  margin: 0 0 7px 0;  /**與下方縮圖的距離**/
  padding: 12px 12px 0;  /**與上方的頁首,以及左、右側的邊線距離**/
}

#fb .video-link .video-wrapper {
  display: flex;
  background: #f2f3f5;
  width: 500px;
  cursor: pointer; /***以改變滑鼠游標的形狀*/
  height: 139px;
  width: 480px;
}

 

#fb .video-link .video-wrapper .video-description {
  padding: 10px 12px;
  display: flex;
  flex-direction: column; /**資料流是由上到下的**/
  justify-content: center;
  border-top: 1px solid #dddfe2;
  border-bottom: 1px solid #dddfe2;  
}

 

#fb .video-link .video-wrapper .video-description .video-desc {
  color: #606770;
  font-size: 15px;
  line-height: 20px; /**行高**/
  margin-top: 3px; /**外距**/
  max-height: 40px; /**最大高度**/

  width: 330px;
  overflow: hidden; /*將多餘的文字隱藏**/
  -webkit-box-orient: vertical; /*讓多出來的文字 "由上到下" 排下來**/
  -webkit-line-clamp: 2; /*只想秀出兩行,所以將數值設定為 2**/

  display: -webkit-box; /*Flexbox 推出之前的舊版寫法**/

}

arrow
arrow
    文章標籤
    CSS
    全站熱搜

    Kelly Stone 發表在 痞客邦 留言(0) 人氣()