div
{
width:100px;
height:100px;
transition: width 0.5s; //宽度变大在0.5s内
-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 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话隐藏
overflow-y:auto;裁剪 div 元素中内容的上/下边缘 - 如果溢出元素的内容区域的话可以拖动
}
vertical-align:top
vertical-align属性的具体定义列表如下：
语法： vertical-align : baseline | sub | super | top | text- top | middle | bottom | text-bottom | <百分比> | <长度> | inherit
说明： 设置元素内容的垂直对齐方式
值： baseline：基线对齐；sub：下标；super：上标；top：顶端对齐；text-top：与文本的顶端对齐；middle：中部对齐；bottom：底端对齐；text-bottom：文本的底端对齐；
百分比和长度：CSS2，可为负数。
初始值： baseline
继承性： 不继承
适用于： 行内元素和单元格（table-cell）元素
媒体： 视觉
计算值： 百分比和长度值为绝对长度；其他同指定值
此处需要特别注意的是：垂直对齐属性只对行内元素有效。
