Html 防止文本以小宽度出现在图片上

我有4个图像，每个图像有4个文本。我将它们定位在同一行中，但若我缩小浏览器的宽度以检查响应度，文本将显示在图片上。我需要找到他们在同一行，prevenet文本在图片上，如果有可能从4列，使2列，如果图像与文本不适合。这是mty代码

ццзцццц
ццзцццц
ццзцццц
ццзцццц
ццзцццц

我找到了解决方案。为该div添加了新类“NEWCLASS”，并且文本不会出现在图像上

.NEWCLASS{
位置：绝对位置；
左边距：105px；
}

ццзцццц

尝试使用文本溢出css属性，但需要注意的是，您的文本将被截断，溢出将被替换为省略号。@Eversondude yeap，我不需要截断文本，因此无法使用它。我需要我的文本以任何宽度显示，然后有些东西必须让步，要么你的图像必须变小，要么你的文本需要换行，要么你需要使文本和图像在小屏幕上分开