html - CSS牢不可破的链接

Question

好的，所以我正在尝试设置一个“a”html 元素的样式，这样当它到达它所在的 block 的右端时，它就不会分成两部分。

以防万一我没有说清楚这里有一个例子:

我的正文宽度为 400 像素我在其中放置了 3 个“a”元素，每个元素的长度为 150 像素，没有任何换行符所以我自然会在第一行文本的第三个元素的起始 100px 旁边得到前 2 个“a”元素，最后是下一行第 3 个“a”的 50 像素剩余部分但我想创建在第一行文本上使用前 2 个“a”，在第二行文本上使用整个第三个“a”的效果。

哈哈。

Answer 1

如果我理解你的问题是对的=>试试这个

.nowrap {white-space: nowrap;}