HTML中内容自动换行

旧城等待， 2021-09-26 15:46 639阅读 0赞

自动换行需要对标签元素写css样式

  1. .content {  
  2.     width: 100%;  
  3.     height: auto;  
  4.     word-wrap:break-word;  
  5.     word-break:break-all;  
  6.     overflow: hidden;  
  7. }

但自己这样写了但还是不起作用

原来是这样

  1. .content-bottom-dl dt {
  2.     width: 100%;
  3.     max-height: 90px;
  4.     line-height: 25px;
  5.     font-size: 28px;
  6.     color: #323232;
  7.     letter-spacing: 2px;
  8.     overflow: hidden;
  9.     padding-bottom: 10px;
  10.     overflow: hidden;
  11.     white-space: nowrap;
  12.     text-overflow: ellipsis;
  13.     -o-text-overflow: ellipsis;
  14.     font-family: "微软雅黑";
  15. }

后来加了

  1. word-wrap:break-word;  
  2. word-break:break-all;

如果不起作用，说明是与原来的有冲突，所以去掉边距相关的后（起作用了，注意修改jsp页面中引用css的版本号-去掉缓存）

  1. .content-bottom-dl dt {
  2.     width: 100%;  
  3.     height: auto;  
  4.     word-wrap:break-word;  
  5.     word-break:break-all;  
  6.     overflow: hidden;  
  7.     font-size: 28px;
  8.     color: #323232;
  9.     font-family: "微软雅黑";
  10. }

参考：https://blog.csdn.net/kerryqpw/article/details/70174702

发表评论

表情：
评论列表 （有 0 条评论，639人围观）

还没有评论，来说两句吧...

相关阅读

    相关 table中td内容自动换行

    网页开发过程中时常会遇到关于折行和不折行的问题。 比如连续英文或符号时，即使定义了宽度，文本还是没法折行，因为没有字符、字母里间隔的话，会当成一个单词。所以按不能折行来解析。

    古城微笑少年丶古城微笑少年丶/ 0 赞/ 321 阅读

    相关 html表格自动换行

    一、方法简介 用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（ 总结了一下，只要在CSS中定义了

    你的名字你的名字/ 0 赞/ 722 阅读