div+css中..固定了宽度。在输入大量的英文时候时,自动的向后扩充,怎么才能让它超过宽度部分自动换行,

html-css021

div+css中..固定了宽度。在输入大量的英文时候时,自动的向后扩充,怎么才能让它超过宽度部分自动换行,,第1张

css强制换行、强制不换行及自动换行的写法

css强制不换行

div{white-space:nowrap}

css自动换行

div{ word-wrap: break-wordword-break: normal}

css强制英文单词断行

div{word-break:break-all}

看看能用得到不

可以采用一下两种方法来自动调节栾杜问题。

1、使用百分比来实现自动适应宽度。

可以设置宽度的值为百分比,如

width=“80%”

此时宽度就是其父元素的80%宽度。

2、可以采用是js获取屏幕的宽度,以实现宽度随不同分辨率来改变。

先关函数方法如下:

网页可见区域宽 document.body.clientWidth

网页可见区域高 document.body.clientHeight

网页可见区域宽(包括边线的宽) document.body.offsetWidth

网页可见区域高(包括边线的宽) document.body.offsetHeight

网页正文全文宽 document.body.scrollWidth

网页正文全文高 document.body.scrollHeight

网页被卷去的高 document.body.scrollTop

网页被卷去的左 document.body.scrollLeft

网页正文部分上 window.screenTop

网页正文部分左 window.screenLeft

屏幕分辨率的高 window.screen.height

屏幕分辨率的宽 window.screen.width

屏幕可用工作区高度 window.screen.availHeight

屏幕可用工作区宽度 window.screen.availWidth