js设置高度和宽度相等

Posted ycmediacomcn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js设置高度和宽度相等相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/templates/vshop/default/style/main.css?ver=1.121" rev="stylesheet" type="text/css">
<script src="/js/jquery-2.1.4.min.js" type="text/javascript"></script>
<title>无标题文档</title>
</head>

<body>
<div class="sy_recmd_list_box">
<ul>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=266"><img data-original="/Storage/master/brand/0243cba1cf1e448f929d3b7b03b06f2f.png" src="Storage/master/brand/0243cba1cf1e448f929d3b7b03b06f2f.png"></a>

</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=8"><img data-original="/Storage/master/brand/0b6575568e8b45d99af021ab0be1cbca.jpg" src="Storage/master/brand/0b6575568e8b45d99af021ab0be1cbca.jpg"></a>
</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=12"><img data-original="/Storage/master/brand/0fb2503538774b7e956934e722ff82e7.jpg" src="Storage/master/brand/0fb2503538774b7e956934e722ff82e7.jpg"></a>
</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=14"><img src="Storage/master/brand/fda796a5d57540c3ba91f180b39e4f9c.jpg"></a>
</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=19"><img data-original="/Storage/master/brand/e8f4523c434445c1b16cf46d61feecc5.png" src="Storage/master/brand/e8f4523c434445c1b16cf46d61feecc5.png"></a>
</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=22"><img data-original="/Storage/master/brand/3fcdafeee9cf4b7a8e050f2a31fff84f.png" src="Storage/master/brand/3fcdafeee9cf4b7a8e050f2a31fff84f.png"></a>
</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=26"><img data-original="/Storage/master/brand/79a8cc9483c749d6b94f97144abbc1c9.png" src="Storage/master/brand/79a8cc9483c749d6b94f97144abbc1c9.png"></a>
</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=80"><img data-original="/Storage/master/brand/c8467d89227d4929b5054f1a39a570e7.jpg" src="Storage/master/brand/c8467d89227d4929b5054f1a39a570e7.jpg"></a>
</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=84"><img data-original="/Storage/master/brand/a8429c18f86b48a3989264e2941fc5de.jpg" src="Storage/master/brand/a8429c18f86b48a3989264e2941fc5de.jpg"></a>
</li>
<li>
<a href="/vshop/BrandDetail.aspx?BrandId=99"><img data-original="/Storage/master/brand/48192125baeb4c32baf15b2b826d043a.jpg" src="Storage/master/brand/48192125baeb4c32baf15b2b826d043a.jpg"></a>
</li>
<div class="clearfix"></div>
</ul>


</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$(‘.sy_recmd_list_box li‘).css(‘height‘,$(‘.sy_recmd_list_box li‘).css(‘width‘));
})
</script>

以上是关于js设置高度和宽度相等的主要内容,如果未能解决你的问题,请参考以下文章

UIScrollView 中宽度和高度相等的动态按钮

如何在 Swift 中使用 SnapKit 使 UIView 具有相等的宽度和高度?

横向模式下基于百分比的布局(通过乘数查看与 Superview 相等的高度和宽度)时的问题

自动布局:具有相等宽度/高度的方形图像视图

两个宽度确定,高度根据内容自动伸缩的div,如何让高度相等。因为要做背景,边框等,两边齐了好看点。

使用 jQuery 为 div 设置相等的高度