`
seven_cuit
  • 浏览: 89688 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

DIV文字自动换行的实现

    博客分类:
  • css
阅读更多

   对想让其中文字自动换行的DIV添加以下样式

 

white-space:normal;
word-break:break-all;
overflow:hidden;
 

 

  ,此方法在FF3与IE7上测试通过

1
0
分享到:
评论
1 楼 sheath 2008-11-19  
IE6下呢?

相关推荐

    可编辑并且能够自动换行的div

    一个div可自行编辑,任意输入文字可自动换边且不变形

    html代码实现文字转图片的代码,自动换行

    我们使用了html2canvas库将id为text的div元素转换为canvas元素,并将canvas元素转换为...同时,我们使用了CSS样式控制文字的换行。最后,我们在页面上添加了一个按钮,点击按钮即可将文字转换为图片并显示在页面上。

    div中英文无法自动换行的解决办法

    但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是...即可实现自动换行。添加后的div代码大致如下 div中英文自动换行 复制代码代码如下: <div style=”word-break:break-all;width:20px

    css之自动换行实现代码

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html <div id=wrap>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal...

    css控制文字自动换行的实现方法

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-...

    css表格单元格中的长文本如何实现自动换行

    正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 复制代码代码如下: <div id=”wrap”>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:...

    css自动换行 防止撑破div影响排版

    对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html< id>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义<...

    对于div,p等块级元素css如何实现自动换行

    正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 复制代码代码如下: <div id=”wrap”>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:...

    CSS实现连续数字和英文的自动换行的方法

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行: html <div id=wrap>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:...

    DIV设置了固定宽高出现文字(文本)的不能自动换行

    div设置了固定的width和height,有时会出现文字不能自动换行的情况,下面有个不错的解决方法,大家可以参考下

    css是如何实现在页面文字不换行、自动换行、强制换行的方法

    本文介绍了css是如何实现在页面文字不换行、自动换行、强制换行的方法,分享给大家,具体如下: 强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词...

    CSS解决无空格的字母、数字过长不自动换行的问题

    默认情况下,一个 DIV或者其他元素的文本,如果都是无文字分隔符,无空格,则不会自动换行,比如: 复制代码代码如下: <div class=”detail_title” xss=removed>...

    html内容超出了div的宽度如何换行让内容自动换行

    在显示评论列表的时候因为有固定宽,但是显示的内容超出的了div的宽,在这种情况下我们需要将其换行,实现的css代码如下

    div+pre标签的组合实现文本原格式显示与自动换行

    被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。下面有个不错的示例,大家可以参考下

    CSS强制性换行的方法区别详解

    自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-...

    CSS 数字和字母将容器撑大问题解决

    对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html <div id=wrap>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal...

    通过纯CSS样式实现DIV元素中多行文本超长自动省略号

    text-overflow: ellipsis是实现文本截断后以省略号结尾的关键样式,但问题是如果添加该样式则DIV元素内的文本无法自动换行,也就是说该效果只被允许在单行文本上实现。另外,word-break: normal可以防止文字被部分...

    图片不间断滚动js特效及思路

    1、建议直接赋予容器的显示区域的宽度和高度,如(<div id="marquee" style="width... 8、鼠标悬停滚动思想源自Flash,所以有一定的局限性(容器内仅允许用图片或者带链接的图片<a><img>的形式,并需要禁止其自动换行)

Global site tag (gtag.js) - Google Analytics