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设置高度和宽度相等的更多相关文章
- js获取高度和宽度
CreateTime--2017年7月24日10:15:47Author:Marydon js获取高度和宽度 参考连接:http://www.cnblogs.com/EasonJim/p/6229 ...
- js中高度与宽度的获取
JS获取各种宽度.高度的简单介绍: scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获 ...
- 关于chart.js 设置canvas的宽度为父级元素的宽度的百分百 以及 X轴上面刻度数据太多如何处理
今天在做一个数据统计的界面的时候,需要做折线统计图,在网上找了一圈发现数据统计的插件还是不少的,本着轻量级的的原则选择了Chart.js,后来在做的过程中便遇到两个问题,以此记录下来,和刚刚接触前端的 ...
- 使用 padding-bottom 设置高度基于宽度的自适应
我们在做移动端列表,通常会做到图文列表,列表是自适应的.当列表中有图片,图片的宽度是随着列表宽的变化而变化,我们为了在图片宽度变化的时候做到图片的不变形,所有采用以下办法. 本文章只讲语法 html ...
- CSS中为什么有的元素能够设置高度,而有的元素却不能设置高度与宽度?
可以使用{display:block}将内联元素变为块级元素,同时使用{display:inline}将块级元素变为内联元素. {display:inline-block}又是怎么回事,根据张鑫旭老师 ...
- [Android Pro] listView和GridView的item设置的高度和宽度不起作用
referece to : http://blog.csdn.net/beibeixiao/article/details/9032569 1. 在Android开发中会发现,有时listVi ...
- 如何给span设置高度宽度?
内容提要:给Span设置高度和宽度后没有作用.本文介绍了如何如何给span设置高度宽度. CSS模型中经常用的容器是DIV和span. 给Span设置高度和宽度后没有作用. <style typ ...
- ## GridView 布局:item设置的高度和宽度不起作用、自动适配列数、添加Header和Footer ##
一.item设置的高度和宽度不起作用 转自:http://www.cnblogs.com/0616--ataozhijia/p/6031875.html [Android Pro] listView和 ...
- html页面设置<span>的高度和宽度
<span>标签属于行内元素(inline),所以无法设置高度和宽度:如果需要改变其宽高,就需要将其转变为块体元素(block)或行内块体元素(inle-block): 1 span{di ...
随机推荐
- jQuery基础2
一.使用jQuery完成省市二级联动 遍历函数:方式一:$.each(callback) 方式二:$.each(object,[callback]) 代码: <!DOCTYPE html> ...
- Android开发 android沉浸式状态栏的适配(包含刘海屏)转载
原文地址:https://blog.csdn.net/liup1211/article/details/86583015 写在前面: 1,本文阐述如何实现沉浸式状态栏 2,部分代码有从其他博客摘抄,也 ...
- Flutter环境搭建
本文介绍mac上搭建Flutter环境 1.Flutter官方提供中国地区镜像地址:https://github.com/flutter/flutter/wiki/Using-Flutter-in-C ...
- 6. spring启动类配置问题
1. @SpringBootApplication(scanBasePackages={"com.example.*"}) 相当与 @SpringBootApplication @ ...
- 11Linux_sshd_Apache
1.Linux系统中一切都是文件. 2.配置服务实际上就是在修改配置文件. 3.重启相应服务来加载最新的配置参数. 4.为了保证下次还生效,加入到开机启动项中.
- Java并发编程随笔
死锁:两个线程互相等待对方释放锁才可以继续运行. 避免死锁的常见方法: 1.避免一个线程同时获取多个锁 2.避免一个线程在锁内同时占用多个资源,尽量保证一个锁只占用一个资源 3.尝试使用定时锁,使用l ...
- 记一次easywechat企业付款问题
由easywechat的cli "./vendor/bin/easywechat payment:rsa_public_key" 获取RSA公钥时 生成的.pem文件内的公钥默认是 ...
- git commit命令
git commit 主要是将暂存区里的改动提交到本地的版本库.每次使用git commit 命令我们都会在本地版本库生成一个40位的哈希值,这个哈希值也叫commit-id. commit-id在版 ...
- Mac gitk安装与优化
一.mac系统安装gitk gitk是git的一个bin工具,如果git不包含gitk只能说明当前使用的git版本过老. 因此我们只需要安装最新的git就可以了.安装git方法如下: 首先安装brew ...
- js解决下拉列表框互斥选项的问题
如图不区分选项与其他选项是互斥的关系,当选择了不区分时,其他选项就要去除,当有其他选项存在时,就不能有不区分 解决办法:定义change事件,若列表发生改变,首先判断点击的是否是不区分,若是,则将其他 ...