如何在其父容器中包含段落标记？

Question

我遇到了这个问题：

以下是代码：

<header class="fu-main-body-adress">
    <h3>Address</h3>
    <p><a href="#" target="_blank">hehehehehehehehehehhehehhehe</a></p>
</header>

有人可以帮我吗？

Answer 1

您可以尝试git rebase --continue了解有关MDN的更多信息。

text-overflow: ellipsis;

p {
  width: 400px;
  border: 1px solid aqua;
}
a {
  display: inline-block;
  white-space: nowrap;
  width: 100%;                   
  overflow: hidden; /* "overflow" value must be different from "visible" */ 
  text-overflow: ellipsis;
}

Answer 2

使用word-break: break-all;。

  

word-break CSS属性用于指定是否在单词中断行。

div {
  width: 50px;
  border: 1px solid black;
  word-break: break-all;
}

<div>Loremipsumdolorsit.</div>

或word-wrap: break-word;

  

自动换行属性用于指定浏览器是否可以在单词中断行，以防止在其他不可破坏的字符串太长而无法放入其包含框中时溢出。

div {
  width: 50px;
  border: 1px solid black;
}

div a {
  word-wrap: break-word;  
}

<div>
   <a href="">Loremipsumdolorsit.</a>
</div>