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)元素有效狂秦。
