Question

我有这个，我想知道如何自动化每个内容中的内容，而不是转到下一个li列。我错过了任何会阻止此行为的CSS吗？

目前，家庭内容转到联系人（A＆＃39; s）。我以为我可以使用javascript在每个部分中设置一定数量的字符后插入一个中断，或者只是在它溢出之前在html中手动使用br标签。

这是CSS：

  li {
  list-style: none;
  display: inline-block;
  width: 30%;
  text-align: center;
  background-color: pink;
  color: green;

}
section {
  float: left;
  width: 30%;
  margin: 0 1.5% 24px 1.5%;

}

Answer 1

试试这个，

li {
  list-style: none;
  display: inline-block;
  width: 30%;
  text-align: center;
  background-color: pink;
  color: green;

}
    section {
      float: left;
      width: 30%;
      margin: 0 1.5% 24px 1.5%;
      word-wrap: break-word;

    }

为部分添加了word-wrap: break-word;。

似乎工作正常！

如何让每个部分都适合li盒子？

1 个答案: