Html 设置长列表元素的样式,以便在没有位置时显示在新行中

Html 设置长列表元素的样式,以便在没有位置时显示在新行中,html,css,Html,Css,我已经加入了一个,标签正在被动态地添加。 这是我的风格: #update-div-2{ width: 569px; height: 174px; clear: left; border-right: #1c3f77 2px solid; overflow: scroll; overflow-y: hidden; } #update-div-2 ul{ margin:0; list-style-type: none; } 但是当

我已经加入了一个
    • 标签正在被动态地添加。
      这是我的风格:

      #update-div-2{
          width: 569px;
          height: 174px;
          clear: left;
          border-right: #1c3f77 2px solid;
          overflow: scroll;
          overflow-y: hidden; 
      }
      
      #update-div-2 ul{
          margin:0;
          list-style-type: none;
      }
      

      但是当添加了很长的标签时,它不会分成很多行,而是一行。当新的生产线没有更多的位置时,我怎样才能使它中断

      添加这样一个类:

      #update-div-2 li{
          word-wrap:break-word;   
      }
      
      试一试


      你说的是没有空格的长文本吗?添加了一个图像。看一看。它还是滚动的。我滚动了一下,这样你们就可以看到更多的东西要显示了。我不相信逗号会被当作空白来让休息时间正常工作。
      #update-div-2 li {
          word-break: break-all;
      }