为什么我在CSS层里输入的文字会自动换行？还有，怎么把背景图片铺满整个网页？

html-css022

为什么我在CSS层里输入的文字会自动换行？还有，怎么把背景图片铺满整个网页？,第1张

一般你这种自动换行是因为宽度不够引起的，dw设计视图预览窗口解析引擎和其他浏览器不一样，就像ie、火狐、谷歌、欧朋等浏览器引擎不一样是一个意思，所以还是要以各个浏览器显示效果标准为目标，不要看dw显示效果。当然，如果你css写的规范，显示效果也是一样的。

另外，背景图铺满要用到一个css3属性 background-size:100% 100%但是这样强制拉升会让背景图变形。

在正式绘制边框前，我们先认识一下CSS3 border-image-slice 属性，它可以将border-image-source获取的边框背景图片切割为9份。语法如下：

border-image:border-image-source slice-width{1,4}

slice-width的值可以是具体像素，也可以是百分比。切割后的图片块分别是

border-top-left-image border-top-image border-top-right-image

border-left-image border-right-image

border-bottom-left-image border-bottom-image border-bottom-right-image

其中，border-top-image和border-bottom-image区域受到水平方向效果影响，如果是repeat则此区域图片会水平重复，如果是round则会水平平铺，责任stretch则被水平拉升。而我们设置虚线，则选择repeat/round都可以。