在圖片長寬不相等的情況下，想將長寬設置為相等並且自適應屏幕，可以通過 js 的方式進行設置並通過監聽 resize 來實時更新，但是這種方式很麻煩。 這里通過 css 來達到我們想要的效果： ...

CSS代碼中常見這樣的寫法：flex:1 這是flex 的縮寫： flex-grow、flex-shrink、flex-basis，其取值可以考慮以下情況： 1. flex 的默認值是以上三個屬性 ...

...

先上代碼 原理:這個卡片翻轉效果是利用背面的內容一開始就先翻轉180度,等正面翻轉的時候背面再翻轉360度,這樣子背面翻轉到面對屏幕的時候內容卻是正的而不是反的 代碼解 ...

text-align：規定行內內容如何相對它的塊父元素對齊。而且它並不控制塊元素自己的對齊，只控制它的行內內容的對齊。要控制文本兩端對齊直接寫text-align：justify就可以 了，但是對於多 ...

垂直居中是一個歷史悠久的大問題，要做到兼容所有瀏覽器少不了要花點時間，網上也流傳了很多解決方案，但沒發現比我現在用的方案更完美，至少在我的項目是如此。 項目中要用到垂直居中而碰到兼容性問題的，一 ...

打印時候去掉邊框： html: <input type="checkbox" style="width: 28px; height: 28px;positi ...

一般來說，在頁面中需要進行水平居中的元素，大致分為兩種，一種是塊級元素，即display:block，一種是行內元素display:inline-block; 塊級元素包括div，ul，p ...

這種做法是為了清除瀏覽器中默認的body的內外邊距 1. 每種瀏覽器都有一套默認的樣式表，在網頁制作過程，沒有指定相應的樣式時，就會按照瀏覽器內置的樣式表來渲染。 2. 舉例說，I ...

圖片在一個DIV中要垂直水平居中，首先定義一個DIV 插入圖片 水平居中 在圖片的父元素中用text-algin:center;進行水平居中 垂直居中 ...