Css 让一个很长的单词适合响应元素？

我正在使用Twitter引导

<div class="container">
    <div class="row-fluid">
        <h1>VeryLongWordHere</h1>
    </div>
</div>

这里有很多词

---

在移动屏幕上，文本变得不可读；留给我两个选择：

当宽度达到一定大小时，使文本大小减小（顺便问一下，我该怎么做？）

使文本超过>1行；e、 g:在每个段上，我用

标记指定

---

但是我也不知道该怎么做…

我在解决类似问题时使用了这个CSS：

word-wrap:break-word

---

如果有必要，这将强制单词断开以使其适合。

对于第一个选项，有许多jQuery插件可以动态调整文本大小以适应父元素的宽度。以下是一些：

当屏幕大小小于某个断点时，可以使用这些插件中的任何一个来调整文本大小。大概是这样的：

if (jQuery(window).width()) < 600) {
   jQuery('h1').slabText();
}

if（jQuery（window）.width（））<600）{
jQuery（'h1'）.slabText（）；
}

如果要求在小屏幕大小（响应屏幕）上调整很长单词的大小，最小宽度可以是任何最小宽度，现在如果用户缩小屏幕大小，则单词将断裂并适合屏幕大小

.wallet\u地址{
最小宽度：50px；
断字：断字；
}

0x1453DBB0x1453DBB0x1453DBB0x1453DBB0x1453DBB0x1453DBB0x1453DBB0x1453DBB

谢谢，这是一个很好的临时解决方案。如何获得细粒度的控制；这样“很长的”字就永远不会被打破；但在相同的范围内，可以在同一行中使用。在潜在的窄容器中，使用非常长的字符串（例如URL），有一个有效的用例来做这件事，尽管您可能想考虑将URL链接为一个链接，该链接可以以这样的方式标记，以使其更容易适应。W3C当然觉得有足够的用例将其添加到CSS3的标准草案中（请参阅）。谢谢！那救了我！您需要指定真正的内容是什么。如果是自然语言单词，最好使用连字号。如果是计算机代码或数学表达式，最好通过在适当的点插入允许换行的代码来处理。。。这是域名。真正问题的描述应该在问题中，而不是在评论中。无论如何，如果它是一个域名，它不应该被分成几行。所以真正的问题是：是什么让你设置了这样的限制，阻止域名出现在一行上；所以这只有在JavaScript中才能实现有CSS解决方案吗？不幸的是，CSS选项非常有限。没有比上面列出的jQuery选项更接近的了。而且，听起来你在处理域名。你能把域名做成一张图片，然后在图片上使用宽度：100%吗？这将是一个CSS唯一的解决方案，但域名将需要是一个图像，而不是HTML文本。