javascript - HTML/JavaScript/CSS/PHP 代码将宽度 % 更新为以像素为单位的高度

标签 javascript php jquery html css

<分区>

如果不是全部,我不知道需要哪些,但这是我的问题。

我想制作 5 个横跨整个页面的 div 正方形。显然,我会将每个宽度设为 20%,但如果我将高度更改为 20%,那么它就不是正方形了。我需要一个命令来找出宽度有多少像素,然后将高度更改为该数字。我需要它来实时更新。这是我网站上的文章页面。

我也是 Javascript 和 PHP 的新手,但我相当擅长 HTML 和 CSS

如果你有更简单的方法,请告诉:)

感谢您帮助初级程序员!

最佳答案

width = jQuery('#container div').width();
jQuery('div').css('height', width); 

https://jsfiddle.net/b8aw4jbv/1/

关于javascript - HTML/JavaScript/CSS/PHP 代码将宽度 % 更新为以像素为单位的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31425394/

上一篇:使用显示 block 和 100% 宽度属性时 HTML 表格 td 不是全宽

下一篇:php - 如何将输入的文本转换为图像?

相关文章:

javascript - Angular : Pressing Enter Submits Empty Form Regardless of Values

javascript - 关于将 javascript 事件与 innerHTML DOM 元素绑定(bind)的问题

javascript - 将 jquery 插件转换为指令 Angular

javascript - 无法显示快讯

php - 通过 PHP 清除 XML 文档中的十六进制实体

php - Spotify 的 OAuth 无法使用 curl 获取刷新 token

php - fatal error : Call to a member function bind_param() on a non-object when updating

jQuery - 显示和隐藏按钮

jquery - 阻止 jQuery 做它的事情?

javascript - 如何为 div 的每个元素添加一个事件监听器?