如何获取 Div 或表格的宽度(以像素为单位)


How to get width of a Div or table in Pixels?

这个问题的主要原因是因为我需要一个保存图像的 DIV 元素的宽度,但调整大小脚本 (timtumb) 只接受像素大小而不是 %(会很棒)。 例如:

timthumb.php?src=castle1.jpg&h=230&w=640 
如果我将宽度设置为 640,我将在 PC 上显示的图像大小将是 OK,但相同的页面需要在平板电脑或手机上显示,并且这些设备上的宽度很窄,例如 480px,因此 DIV 可以调整为 480px,但 scrip 行需要更改为:
 Timthumb.php?src=castle1.jpg&h=125&w=480 

此脚本仅接受数字,不接受 % 或 px
我可以做一个多行脚本,并使用CSS作为响应式隐藏其中一些DIV,但我想增强这个代码脚本:)如果可能的话,如果不是,我会做一个响应式补丁。

您可以使用javascript获取div width px,并将其发送到php(例如通过ajax)。

<script type="text/javascript">
    var divWidth = document.getElementById("mydiv").clientWidth; 
</script>

试试

<div><img src="timthumb.php?src=castle1.jpg&h=230&w=640" style="width:100%;max-width:640px;" ></div>

您的图像应自动"适合"父div的宽度