Html 文本挂线

用一个具体的例子重新表述这个问题。实际上没有办法重新打开它，所以我提出了一个新问题

在我管理的一个网站上，有一行悬挂的文字。我制作了一个JSFiddle来表示正在发生的事情。我还将包括该网站，如果人们想去它

你可以看到我在JSFIDLE的“这是巴尔在训练营的新秀年签名”这条线上所说的。我希望

年。

在

这里
下，而不是在div下



这只发生在某些情况下-例如上面的一个
标记运行在上面，并且部分标记位于所讨论的广告下面

我的客户更希望有一种方法，使第二条线不只是自己出现。有没有一种方法可以使一个被漂浮在它左边的某个东西移过的标签保持移过，即使标签的后半部分在技术上可以是全宽的

我尝试了很多不同的方法，但到目前为止都没有效果。任何帮助都将不胜感激


#block-inject-1{
宽度：200px；
浮动：左；
高度：200px；
背景颜色：红色
}

这是iFolloSports.com签名的原始视频。本次活动由
周二晚上在明尼苏达州伊根市双城郊区的秃子酿酒厂举行

巴尔现在已经进入了他的第四个NFL赛季，在过去的两年中，他每年都会出现在职业橄榄球赛的赛场上。2017年迄今为止，维京人队战绩为2-1，巴尔在本赛季初完成了20次联合铲球（14次单人铲球）。在他的职业生涯中，巴尔积累了228英镑
组合铲球（160个单人铲球）和9.5袋


除了周二的聚会，iFolloSports.com还提供了对巴尔的多个幕后观察，巴尔在明尼苏达州和他的家乡洛杉矶


广告在这里
这是巴尔，在加州大学洛杉矶分校他母校附近的一家餐馆。这次露面代表了他的利益
他的
，重点帮助单身母亲努力追求更高的教育机会

就在几周后，巴尔和他的母亲洛瑞在洛杉矶市中心的丽思卡尔顿公寓（Ritz-Carlton Residences）与这位25岁的LB共同举办了一场美食和葡萄酒配对活动




不直观，但通过添加以下CSS，您可以获得所需的结果：

p {
    overflow: hidden;
}

这将防止段落在浮动div下换行

看这个演示


针对您的评论添加了更多信息：

如果你的右浮动div正好位于广告的右侧，你可能会遇到一个问题，即广告和右浮动div（如图像）之间的水平空间非常窄。从那里开始的段落将非常狭窄。由于段落被设置为隐藏溢出，如果段落足够窄，甚至可能窄到连一个字符都无法显示（因此段落似乎消失了）

解决这个问题的一个办法是给段落增加一些最小宽度。这会导致段落向下跳转一点，直到至少有足够的水平空间可供文本使用-因此它将出现在右栏的图像下

将此限制为仅相关段落，而不是页面上的所有p标记，这可能也是一个好主意，因此您可能希望在选择器中设置更严格的限制。例如：

.field-item p {
    overflow: hidden;
    min-width: 200px;
}

至于为什么文本会有点跳跃：我发现当你向空段落添加
overflow:hidden
时，空段落的行为会发生变化。消失段落下的段落跳跃很多，因为“太窄”段落上的换行会导致每个单词从新的一行开始，从而大大增加其高度。
因为您的示例是响应性的，仅仅给我们一个你想修改的单词/段落可能会把问题弄糊涂——我现在明白你的意思了，但它花了你几个问题的阅读，因为这个片段根本没有显示问题的发生。如果您添加一个屏幕截图，这样我们就可以直接看到问题，这将更有帮助-越容易理解，您就越有可能得到有用的答案：）您说过p是动态的。这是不是一个坏主意，因为当一段很长的时候，它会在你的广告下面留下这么多的空间？我确实包括了一个链接到它发生的网站。我也可以包括它发生的图像，并将很快这样做。我看到的问题是在这个页面上：如果我使用overflow:hidden，有问题的文本将消失，其余文本将跳转。为什么会这样？是的，这似乎是问题所在，而且似乎在每个视口中都能解决它。谢谢。事实上，有一个例子，它是导致文本跳转与此：-第二段Nevermind。意识到这是由于.node-type-article-pages第一个p标记上的图像（由于经常包含图像），并添加了一个更具体的选择器。我们都很好。