Html <；p>；不断从<；部门>；

我一直想把我的

放在我的

中，但它总是掉出来。每当

中的文本变为更多文本时，我希望div的高度变大

#服务包装器{
宽度：100%；
高度：自动；
利润率最高：20%；
左边距：自动；
右边距：自动；
文本对齐：居中；
填充顶部：8px；
最大宽度：90%；
}
1.服务名称{
宽度：100%；
高度：70像素；
颜色：#fff；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：25px；
字号：600；
边际上限：0；
}
.service-Wrapper 2{
宽度：自动；
高度：自动；
显示：内联flex；
最大宽度：100%；
}
.服务容器{
宽度：300px；
高度：自动；
边框：4px实心rgb（94106124）；
利润率：10px 40px；
}
.货柜名称{
宽度：自动；
身高：30%；
颜色：#fff；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：20px；
填充顶部：8px；
边框：实心1px#fff；
背景图片：url（“images/drawing.jpg”）；
背景大小：100%100%；
}
.服务容器p{
颜色：rgb（247250255）；
最大高度：100%；
}

服务1
Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。

这就是您要找的。我对你的css做了一些小改动来解决这个问题（例如：从

容器标题中删除了
高度
）

word wrap属性允许将长单词打断并换行到下一行


.service-wrapper2{
宽度：自动；
显示：内联flex；
最大宽度：100%；
}
.服务容器{
填充：20px；
宽度：300px；
边框：4px实心rgb（94106124）；
利润率：10px 40px；
单词包装：打断单词；
}
.货柜名称{
宽度：自动；
颜色：#000；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：20px；
填充顶部：8px；
边框：实心1px#fff；
背景图片：url（“images/drawing.jpg”）；
背景大小：100%100%；
}
.服务容器p{
颜色：#000；
}

服务1
Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

这就是您要找的。我对你的css做了一些小改动来解决这个问题（例如：从
容器标题中删除了
高度
）

word wrap属性允许将长单词打断并换行到下一行


.service-wrapper2{
宽度：自动；
显示：内联flex；
最大宽度：100%；
}
.服务容器{
填充：20px；
宽度：300px；
边框：4px实心rgb（94106124）；
利润率：10px 40px；
单词包装：打断单词；
}
.货柜名称{
宽度：自动；
颜色：#000；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：20px；
填充顶部：8px；
边框：实心1px#fff；
背景图片：url（“images/drawing.jpg”）；
背景大小：100%100%；
}
.服务容器p{
颜色：#000；
}

服务1
Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

div.service-wrapper2需要一个结束标记。我不确定您是否需要选择器中的最大高度规则。service container P除了调整外部容器的大小以适应文本，还可以尝试调整文本的大小以适应外部容器。动态修改容器大小确实会影响页面的外观。它有一个，我忘了粘贴它，因为那样我就必须粘贴另一个5.service容器。我会编辑它。另外，如果service1是一个标题，为什么不使用标签呢？@emsimpson92我对所有这些都不熟悉，所以我只做我觉得最好的事情，谢谢你的提示！如何操作的起点是什么？div.service-wrapper2需要一个结束标记。我不确定您是否需要选择器中的最大高度规则。service container P除了调整外部容器的大小以适应文本，还可以尝试调整文本的大小以适应外部容器。动态修改容器大小确实会影响您的外观
word-wrap: break-word;