表格，DIV，布局，渐变

最新推荐文章于 2021-08-04 02:50:55 发布

fjyts

最新推荐文章于 2021-08-04 02:50:55 发布

阅读量472

点赞数

分类专栏： HTML/CSS 文章标签： div filter table css ie

本文链接：https://blog.csdn.net/fjyts/article/details/5751471

版权

HTML/CSS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

表格或div被撑开的解决办法

如果是表格，请用：
table {
table-layout: fixed;
word-break: break-all;
}

td{word-wrap:break-word;width:10em;}

如果是div层，请用：

div {
    table-layout: fixed;
    word-wrap: break-word;
    width: 加上宽度;
    overflow: hidden; (让多出来的不显示。)
}

兼容 IE 和 FF 的换行 CSS 推荐样式最好的方式是

word-wrap:break-word; overflow:hidden;

网页背景渐变

一、从上往下渐变

以下为引用的内容：

body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}

二、从左上至右下渐变

以下为引用的内容：

body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}

三、从左往右渐变

以下为引用的内容：

body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}

四、从上往下渐变

以下为引用的内容：

style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"