div
{
width:100px;
height:100px;
transition: width 0.5s; //寬度變大在0.5s內(nèi)
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 0.1s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
div:hover
{
width:200px;//變化之后的大小是200px
}
CSS max-width 屬性
p
{
max-width:100px; //設置段落最大寬度為100px;
}
CSS3 overflow-x overflow-y屬性
div
{
overflow-x:hidden;//裁剪 div 元素中內(nèi)容的左/右邊緣 - 如果溢出元素的內(nèi)容區(qū)域的話隱藏
overflow-y:auto;裁剪 div 元素中內(nèi)容的上/下邊緣 - 如果溢出元素的內(nèi)容區(qū)域的話可以拖動
}
vertical-align:top
vertical-align屬性的具體定義列表如下:
語法: vertical-align : baseline | sub | super | top | text- top | middle | bottom | text-bottom | <百分比> | <長度> | inherit
說明: 設置元素內(nèi)容的垂直對齊方式
值: baseline:基線對齊怜俐;sub:下標;super:上標遭铺;top:頂端對齊;text-top:與文本的頂端對齊勘纯;middle:中部對齊巷怜;bottom:底端對齊呢袱;text-bottom:文本的底端對齊;
百分比和長度:CSS2墩莫,可為負數(shù)芙委。
初始值: baseline
繼承性: 不繼承
適用于: 行內(nèi)元素和單元格(table-cell)元素
媒體: 視覺
計算值: 百分比和長度值為絕對長度;其他同指定值
此處需要特別注意的是:垂直對齊屬性只對行內(nèi)元素有效狂秦。