在css中设置表格中的单元格为正方形

沉江小鱼 · 发表于 2016-8-16 13:43:58

wex5中设置了table的宽度为100%，现在想让table中的格子为正方形（不固定高度和宽度）应该怎么设置啊？

liangyongfei · 发表于 2016-8-16 15:15:19

cgrddv 发表于 2016-8-16 15:13
淘宝那个。。。。是图片就是方的，并且有响应式，所以它能变化。你要动态的设置有些难啊，图片是可以保持 ...

在网上搜了一段css代码！自己参考下！http://www.zhihu.com/question/31753528

cgrddv · 发表于 2016-8-16 14:45:16

可以通过JS来算，然后再设置单元格

liangyongfei · 发表于 2016-8-16 14:46:23

可以上网搜下，css定义，应该可以这样
width:50%;
height: calc(width);

沉江小鱼 · 发表于 2016-8-16 15:01:55

就是想实现仿淘宝主页中那个table 的效果，不管怎么拉伸，table中的格子都是正方形

沉江小鱼 · 发表于 2016-8-16 15:04:32

cgrddv 发表于 2016-8-16 14:45
可以通过JS来算，然后再设置单元格

能写一下具体怎么实现吗？

cgrddv · 发表于 2016-8-16 15:13:01

沉江小鱼发表于 2016-8-16 15:01
就是想实现仿淘宝主页中那个table 的效果，不管怎么拉伸，table中的格子都是正方形 ...

淘宝那个。。。。是图片就是方的，并且有响应式，所以它能变化。你要动态的设置有些难啊，图片是可以保持纵横比的，其他元素不好操作呀，你试一试jquery添加事件？或者网上搜一搜解决办法

		自动登录	找回密码
密码			注册

[处理中4] 在css中设置表格中的单元格为正方形