首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS如何自动调整div的大小以适应内容?

CSS如何自动调整div的大小以适应内容?
EN

Stack Overflow用户
提问于 2018-08-03 06:51:15
回答 2查看 100关注 0票数 0

请查看我的http://jsfiddle.net/ob5rmnk2/7/,正如您所看到的,我的段落文本显示在我的div内容之外。

如何更改CSS,以便文本可以自动调整大小以适应我的内容的div?我需要的内容div自动调整大小,我相信。

如果你把屏幕变小,你会看到文本开始折叠,并且超出了内容块的高度,这是我想解决的问题。我希望它总是显示在content div中。

另外,我怎样才能让我的buttons在上面的段落中始终自动有一个50px的间距(或者一些固定的间距)?

EN

回答 2

Stack Overflow用户

发布于 2018-08-03 06:54:29

您的单词没有换行,因为它只是一个没有空格的单词,如果您想将其放入其中,可以选择使用word-wrap: break-word;,您也可以使用word-break: break-all;,这取决于您想如何将它们分开

票数 0
EN

Stack Overflow用户

发布于 2018-08-03 07:06:20

尝试在CSS .test-inner-right中使用word-break: break-all,如下所示:

代码语言:javascript
复制
.test-inner-right {
    padding-right: 10px;
    /*width: 300px;*/
    width: 80%;
    height: auto;
    text-align: left;

    word-break: break-all;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51663161

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档