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

html-css014

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

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

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

<p class="main">

<span class="title">内容：</span>

<span class="content">中国人民万岁中国人民万岁中国人民万岁中国人民万岁</span>

</p>

css:

.main{clear:bothoverflow:hiddenwidth: 200px}

.title,.content{float:leftline-height:20pxdisplay: inline-block}

.title{width: 50px}

.content{width: 150px}

浮动加设定固定宽就够了

把html和body属性设置如下，就能自动充满页面：

html,body{    

    height:100%

    width:100%  

    padding:0px          

    border:0px        

    margin:0px                  

}