请考虑我的问题，我想让一系列图像表现得像不间断的文本，
parent element - 它可以是任何元素，它可能有也可能没有固定宽度，所以基本上我不能对它应用任何 css。在大多数情况下，它是一个“td”标签。
child div - 这应该表现得像一个词，无法确定固定宽度，但具有固定高度作为图像高度，可以应用 css。
图片 - 这应该像单词中的字符一样，具有固定宽度和与子 div 相同的固定高度。
这是 html 元素的正常盒模型行为，元素内的文本具有固定宽度。
|=======父元素========|
|一些带有空格的中断文本 |
|之间。 |
|_______________< em>____________|
这是一个无法避免的情况，迫使父级增加其固定宽度。
|==============父元素===========|
| |=============子div ===============| |
| |SomeUnbreakingLongWordHavingNoSpaces| |
| |_______________< em>____________________| |
|_______________< em>______________________|
我希望我的图像之间没有空格，以相同的方式表现，但它表现得像这样，
|=======父元素========|
| |=========子div =========| |
| | |图片| |图片| |图片| |图片| | |
| | |图片| |图片| | |
| |_______________< em>__________| |
|___________________________|
图像和子 div 的高度是固定的，所以基本上任何额外的元素都应该水平向右推，但事实并非如此，请分享您对这个问题的解决方案。
祝你有美好的一天!
最佳答案
不确定它是否有效，但尝试添加 width: 100%; overflow-x: auto; 到 child-div，float: left; 到图像。
关于css - 没有固定宽度的div绕过固定宽度的父级，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12871159/