好吧,问题是:我有一个div,它几乎被设置为整个屏幕大小(在移动终端上),内容将被放置在其中,但内容本身并不在我的直接控制之下。图像或链接中不会有内联样式。我需要确保:
1 -div中的所有内容都是可见的,如果有很长的行,它们将被强制换行,或者干脆被截断。
2 -图像应保持其纵横比,但应调整大小以保持在div的范围内。
3 -内容应该“填充”空间,根据需要变大或变小。
最后一个奖励:内容中最多只能有一张图片,但也可以有多个链接。
我在这里找到了一些其他的答案,但没有一个能满足这个特殊的挑战。
jQuery是一个选项,但我发现它在移动的设备上运行缓慢,jQuery Mobile是一个选项,但存在相同的基本问题。
CSS和Javascript的最佳组合是什么,以最有效的方式执行此任务可能。
2条答案
按热度按时间bjp0bcyl1#
fnx2tebb2#
我认为您不需要任何形式的JavaScript,但如果没有您正在使用的示例,我最好的猜测是:
(用您的宽度值替换我的宽度值)
这将格式化文本,使其在div中正确显示,但它可能会显示为一个文本块,但这可能是您想要的。如果您想要格式化,您必须使用jQuery搜索div中的文本是否有换行符,并将其替换为
</p><br /><p>
......只需确保添加开始和结束Paragraph标签。