创新互联网站建设服务商,为中小企业提供成都网站制作、做网站服务,网站设计,网站托管维护等一站式综合服务型公司,专业打造企业形象网站,让您在众多竞争对手中脱颖而出创新互联。
保留一个word-wrap:break-word; 即可
点线边框是什么??如果需要换行,可以调整宽度结合word-break:break-all;word-wrap:break-word;来强制换行,或者通过br标签换行。
可以设置宽度,将元素设置为内联元素,超出后就自动换行的了
首先明确一点就是,他们的确不是并列关系,float确实让第二个div飘起来了,而且占据了第一个div的位置。不信的话你可以给第二个div加一个背景颜色看看就会很清楚了。代码如下:<div style="float:left;border:1px solid">1</div><div style="border:1px solid; background-color:#CCCCCC">2<div>第二个div的位置的确是占据了第一个div的位置。第二个div的位置是从最左边开始的,也就是说它和第一个div的左边是重叠的。绝对不是和第一个div是并列关系。
默认的就是自动换行语法:white-space : normal | pre | nowrap 取值:normal :? 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre :? 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。nowrap :? 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。
搜一下:如何用css控制文本自动换行 ?
css文字强制换行的方法,用word-wrap属性在默认情况下,如果文本的内容超过某个div块的宽度的话,就会发生自动换行,因为div块的white-space属性的默认值是normal。但是也有两种情况: 1、如果div块里是一串的文字内容,那么到了div块的width限制时,会自动换行。
2、如果div块里一串没有空格的字母或者数字的时候是那就不换行了,而是直接溢出div块。这时就要考虑css文字强制换行了。那CSS样式怎么控制文字的强制换行? 这时候我们需要用到word-wrap属性,还有一个属性word-break也能够解决换行问题,但是它的浏览器兼容性不好,并且还有可能导致其他问题,所以这里不建议使用。word-wrap的break-word属性值可以导致换行,一般说来如果一个单词比较长的话,行末的空间不足以容纳这个单词就会产生换行,而不是将一个单词截断,word-break的break-all属性值可以截断一个单词123456789101112131415