overflow - 如何使一个div包含在其他div中并且不会溢出

Question

我有这个:http://jsfiddle.net/cN2pS/embedded/result/我正在寻找调整圆圈内的 div(文本和数字)的最佳方法，以便这些 div(文本和数字)不会溢出圆圈......我不知道是否我解释得很好，但在不同的分辨率下，有时，圆圈的文字溢出.....当您访问上面的 jsfiddle 链接时，尝试调整窗口大小，您会看到左下角的圆圈，其中包含 Zona de Información，其文本溢出...问候，丹尼尔

编辑:添加 overflow:hidden; 并将字体大小减小到 14px 看起来效果更好。现场示例:http://jsfiddle.net/cN2pS/8/embedded/result/

EDIT2:只有一个问题:您知道任何教程、实例等，可以有效地使用媒体查询来适应移动设备的分辨率吗？为了适应这些通告 div...或者我必须多次调整桌面浏览器窗口的大小...有什么神奇工具吗？ :) 谢谢

非常感谢您的帮助。

Answer 1

也许你可以为此使用 CSS word-wrap: break-word; 属性:

#divInfIzq {
    bottom: 15%;
    left: 15%;
    position: absolute;
    word-wrap: break-word;
}

检查这个http://jsfiddle.net/cN2pS/5/embedded/result/