Question

我想在元素中只使用word-wrap: break-word一个单词。如果我将它用于整个元素，那么它看起来很混乱。我做了搜索，但无法找到是否以及如何做，是否可能？

我有类似下面的内容，但显然没有用。

<a href="http://www.gnruoegvnuergvneginvjn9ege494jqj049ijirtg9g994w90409gngioeiegioi34ioiginioe5inigo5jgo5iojgio5iowgiowjmvmq.com" target="_blank" style="word-wrap: break-word;">http://www.gnruoegvnuergvneginvjn9ege494jqj049ijirtg9g994w90409gngioeiegioi34ioiginioe5inigo5jgo5iojgio5iowgiowjmvmq.com</a>

Answer 1

请检查此代码。我希望这是你要求的（只是用一个单词）

.a {
  width: 200px;
  background-color: yellow;
}

<div class="a">
  <a href="http://www.gnruoegvnuergvneginvjn9ege494jqj049ijirtg9g994w90409gngioeiegioi34ioiginioe5inigo5jgo5iojgio5iowgiowjmvmq.com" target="_blank" style="word-wrap: break-word;">http://www.gnruoegvnuergvneginvjn9ege494jqj049ijirtg9g994w90409gngioeiegioi34ioiginioe5inigo5jgo5iojgio5iowgiowjmvmq.com</a>
  <br>
  <br>
  <br>
  <p>Hi my naame is
    <a href="#" style="word-wrap:break-word"> HelloWOrldHelloWOrldHelloWOrldHelloWOrld </a>
  </p>
</div>

JSFIDDLE链接

Answer 2

我认为break-word不合法。你试过break-all吗？

http://www.w3schools.com/cssref/css3_pr_word-break.asp

单词换行单词只有一个单词？

2 个答案: