相关疑难解决方法(0)

在JavaScript/jQuery中,如何在固定宽度Div内缩放不等长度的文本行,以便一行总是适合Div(作为一行)？

谢谢.

所以我在页面的容器中有一个div矩阵,每个div显示'1'或'0'.

如果我将容器设置为100%的宽度和高度以适合我的页面底部,我希望能够扩展容器的div中的所有1和0(0和1的数量将是一个静态数字) ,为了这个问题,让我们一起使用100)无论浏览器的大小调整到什么大小都能完美地容纳容器,所以它完全适合容器的宽度和高度,没有任何尾随的空白区域或元素熄灭页面或触发滚动条.

无论屏幕大小(高度和宽度)如何,目标都是确保字体调整大小以适应容器.

我已经看到有关堆栈溢出的多个类似问题,例如:JavaScript Scale Text适合固定Div,但它们似乎都缩放了某一行文本而不是我的组合div中的文本.有没有办法在JavaScript中做到这一点？

如果您看到本课题中的要求,这正是我想要的.Q的不同之处在于他使用1 div内的一些文本而不是多次来装入他的容器.

这是我的HTML:

<div id="binaryMatrix" style="width: 100%; height: 100%;">
    <div>0</div>
    <div>1</div>
    <div>0</div>
    <div>1</div>
    <div>0</div>
    <div>1</div>
    <div>0</div>
    <div>1</div>
    ...up to 100
 </div>

这是我的CSS:

#binaryMatrix div {
    float: left;
}

见小提琴:小提琴

这个项目也在GitHub上: GitHub - danjonescidtrix/binary-matrix

感谢您的任何帮助或建议,谢谢您提前

我在 HTML 页面上有一组图像。它们都设置了宽度和高度属性：

<img id="pic128540" width="88" height="78" 
src="/document/show/0759122435f5333493726f9f1a845490?type=THUMBNAIL" 
alt="2561_66794361-ad70-4b09-9dc6-4bc2e7024378_max_550_800.jpg">

见：https : //jsfiddle.net/papa_zulu/7vp4xvgc/

如果由于某些原因文件丢失，则显示替代文本。这是对的。但我希望图片的大小保持不变（一种剪辑溢出），如宽度和高度参数中指定的那样。

有什么办法吗？