• 关于

    width

    的搜索结果

回答

1.代码规范 其中width="300px" height="300px"这种写法是不符合w3c规范的,用 The W3C Markup Validation Service 检测会报错。属性width、height的值是个非负数,直接写数字即可,如width="300" 2.width是img公认的(非自定义的)特性,会以属性的形式添加到DOM对象中,所以可以通过dom.attr的形式去操作属性值。 imgDom.width = value;//此处的value是个number类型的非负值,若value为其他值时,转化为0console.log(typeof imgDom.width)//为number类型 document.getElementById("iImg").width=600; //方式①,结果为 width="600"; 赋值成功 document.getElementById("iImg").width="600px";//结果为 width="0" 赋值失败 因为width是img的属性,所以当然也可以用下面这种形式赋值: document.getElementById("iImg").setAttribute("width", "600");//方式② 3.方式①②是通过改变img的属性值来改变图片的大小,也可以通过改变css样式来改变图片的大小,当两者同时改变,谁又占上风呢? document.getElementById("iImg").style.width='600px';//方式③,这个是带px的,图片width渲染成功document.getElementById("iImg").width=900;//只改变属性值,但不影响图片的大小 综上,如果只是改变图片显示的大小,可以使用上述三种方式来达到目的,当有css样式来控制图片大小的时候,属性值的改变不影响图片的实际渲染尺寸: document.getElementById("iImg").width=600;//方式①,通过改变属性值来改变图片大小document.getElementById("iImg").setAttribute("width", "600");//方式②,通过改变属性值来改变图片大小document.getElementById("iImg").style.width='600px';//方式③,通过css样式来改变图片大小 补充:方式①和方式②的区别当属性为自定义属性时,dom.attr的方式失效,如: SegmentFault document.getElementById("test").width; //undefineddocument.getElementById("test").width = 1200; //无效document.getElementById("div").setAttribute("width", "1200");//只能通过这种方式改变属性width的值,但不管怎么改变,都不会影响div的宽度值,因为width只是div的一个自定义属性
杨冬芳 2019-12-02 02:55:08 0 浏览量 回答数 0

问题

用@media设置html的font-size给rem用出现的问题?

我的设计稿是640px的,所以设置font-size:62.5%比较写值,但是屏幕缩小后的font-size比例我不知如何把控,不知这样写对不对?min-width: 580px和max-width:580px会不会冲突呢?@media o...
杨冬芳 2019-12-01 20:06:14 1698 浏览量 回答数 1

问题

Javascript怎么实现滑动效果的方法?

慕课网某个大神回复:设定一个定时器,给一个时间,让侧边栏的宽度每次(增加 1px),到一定宽度的时候清除定时器;同样的方法,再次点击时,侧边栏宽度每次(减少 1px),设置侧边栏溢出隐藏.原来的JS代码没有动画效果: ...
杨冬芳 2019-12-01 20:06:54 906 浏览量 回答数 1

万券齐发助力企业上云,爆款产品低至2.2折起!

限量神券最高减1000,抢完即止!云服务器ECS新用户首购低至0.95折!

回答

因为P为block元素且没有指定width,则p的width+padding+border+margin=父级div的width(这里都是说的水平方向)。这里假定padding,border为0。父级div width为400px。p的width为inherit。不设置margin,则p的width为400px。正如text-block。当margin-left:-100px;,p.width + (-100px) = 400px。So, p的width就变成了500px。这里说的p都是假定为inherit width。如果指定了p的width,则margin-left,margin-top为负值会引起p元素位置的变化
杨冬芳 2019-12-02 02:30:35 0 浏览量 回答数 0

回答

因为P为block元素且没有指定width,则p的width+padding+border+margin=父级div的width(这里都是说的水平方向)。这里假定padding,border为0。父级div width为400px。p的width为inherit。不设置margin,则p的width为400px。正如text-block。当margin-left:-100px;,p.width + (-100px) = 400px。So, p的width就变成了500px。这里说的p都是假定为inherit width。如果指定了p的width,则margin-left,margin-top为负值会引起p元素位置的变化。
a123456678 2019-12-02 02:25:35 0 浏览量 回答数 0

问题

java 怎么配置xml将图片链接换到xml里去

import java.io.File; import java.awt.image.BufferedImage; import javax.imageio.ImageIO; public class image { public stat...
蛮大人123 2019-12-01 19:40:26 1256 浏览量 回答数 1

回答

如果要所有运算都在客户端通过js完成,目前只有html5的canvas和file api才能满足你的需要。但是对国内用户来说,支持html5的浏览器普及率还不够高。 新浪微博的图片上传使用的是图片上传后然后,再在服务器端压缩的方法,实际上这种方式的消耗也很少。目前普遍上使用的都是这种方式,因为只需要在上传的时候压缩一次。 <script language="JavaScript" type="text/javascript"> function DrawImage(ImgD,FitWidth,FitHeight) { var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0) { if(image.width>FitWidth) { ImgD.width=FitWidth; ImgD.height=(image.height*FitWidth)/image.width; if(ImgD.height>FitHeight) { ImgD.height=FitHeight; ImgD.width=(image.width*FitHeight)/image.height; } } else if(image.height>FitHeight) { ImgD.height=FitHeight; ImgD.width=(image.width*FitHeight)/image.height; if(image.width>FitWidth) { ImgD.width=FitWidth; ImgD.height=(image.height*FitWidth)/image.width; } } else { ImgD.width=image.width; ImgD.height=image.height; } } } </script>
a123456678 2019-12-02 02:04:00 0 浏览量 回答数 0

问题

问一个jquery在FF下width的问题

table的每一行第一列都是用的width="20%"因为在做冻结表头功能,要固定宽度,用jquery遍历tr,取第一个td,width = td.width();td.removeAttr("width").css("width",wid...
a123456678 2019-12-01 20:19:42 704 浏览量 回答数 1

回答

file.xml 为配置文件(win 7 平台) <?xml version="1.0" encoding="UTF-8"?> <files> <file_first>E:\\1.jpg</file_first> <file_second>E:\\2.jpg</file_second> <file_out>E:\\out1.jpg</file_out> </files> try { SAXReader reader = new SAXReader(); Document document = reader.read(new File("E:\\file.xml")); Element root = document.getRootElement(); Element file_first = root.element("file_first"); Element file_second = root.element("file_second"); Element file_out = root.element("file_out"); // 读取第一张图片 File fileOne = new File(file_first.getText()); BufferedImage ImageOne = ImageIO.read(fileOne); int width = ImageOne.getWidth();// 图片宽度 int height = ImageOne.getHeight();// 图片高度 // 从图片中读取RGB int[] ImageArrayOne = new int[width * height]; ImageArrayOne = ImageOne.getRGB(0, 0, width, height, ImageArrayOne, 0, width); // 对第二张图片做相同的处理 File fileTwo = new File(file_second.getText()); BufferedImage ImageTwo = ImageIO.read(fileTwo); int[] ImageArrayTwo = new int[width * height]; ImageArrayTwo = ImageTwo.getRGB(0, 0, width, height, ImageArrayTwo, 0, width); // 生成新图片 // BufferedImage ImageNew = new BufferedImage(width * 2, height, // BufferedImage.TYPE_INT_RGB); BufferedImage ImageNew = new BufferedImage(width, height*2, BufferedImage.TYPE_INT_RGB); ImageNew.setRGB(0, 0, width, height, ImageArrayOne, 0, width);// 设置左半部分的RGB // ImageNew.setRGB(width, 0, width, height, ImageArrayTwo, 0, width);// 设置右半部分的RGB // ImageNew.setRGB(0, height, width, ImageOne.getHeight()+ImageTwo.getHeight(), ImageArrayTwo, 0, width);// 设置右半部分的RGB ImageNew.setRGB(0, height, width, height, ImageArrayTwo, 0, width);// 设置右半部分的RGB System.out.println("已经合成图片"); File outFile = new File(file_out.getText()); ImageIO.write(ImageNew, "jpg", outFile);// 写图片 } catch (Exception e) { e.printStackTrace(); } }
蛮大人123 2019-12-02 02:32:18 0 浏览量 回答数 0

回答

<table class="hoverClass"> <tr> <td width="200">aaa</td> <td width="200">bbb</td> <td width="200">ccc</td> </tr> <tr> <td width="200">aaa</td> <td width="200">bbb</td> <td width="200">ccc</td> </tr><tr> <td width="200">aaa</td> <td width="200">bbb</td> <td width="200">ccc</td> </tr><tr> <td width="200">aaa</td> <td width="200">bbb</td> <td width="200">ccc</td> </tr><tr> <td width="200">aaa</td> <td width="200">bbb</td> <td width="200">ccc</td> </tr><tr> <td width="200">aaa</td> <td width="200">bbb</td> <td width="200">ccc</td> </tr><tr> <td width="200">aaa</td> <td width="200">bbb</td> <td width="200">ccc</td> </tr> </table> <style> td.hover {background:#ddd;} </style> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var hover_index = 0; $("table.hoverClass td").hover(function (){ hover_index = $(this).parent().find('td').index(this); $("table.hoverClass tr").find("td:eq("+hover_index+")").addClass("hover"); },function(){ $("table.hoverClass tr").find("td:eq("+hover_index+")").removeClass("hover"); }); }); </script>
a123456678 2019-12-02 03:04:30 0 浏览量 回答数 0

回答

主要box-sizing属性,box-sizing可用值为content-box, border-boxcontent-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding以及margin之和,即 ( Element width = width + border + padding+margin ),此属性表现为标准模式下的盒模型。border-box:padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width ),此属性表现为怪异模式下的盒模型。对于Div默认使用的是 content-box, 而button 默认是border-box把button 的margin设置为0,就和Div显示是一样
a123456678 2019-12-02 02:25:31 0 浏览量 回答数 0

问题

JQuery 如何预定义整站文档的$选择器?

深深的被jquery迷住,由此从前端设计开始跳槽学习js。由于没有基础,问题或许有些白痴,请大家海涵! 我一直定义jquery对象用最简单方法 比如 var div = $("#div"), sidebar = $("#sidebar...
a123456678 2019-12-01 20:21:44 904 浏览量 回答数 2

回答

可以用flex-box #container { padding: 0; margin: 0; display: flex; flex-flow: column wrap; height: 4em; width: 3.6em; } .same_width { background-color:#E91E63; width: 1em; margin: 0.1em; } #a {height:1em} #b {height:2em} #c {height:3em} #d {height:4em} #e {height:2em} #f {height:1em} #g {height:2em} <div id="container"> <div id="a" class="same_width"> </div> <div id="b" class="same_width"> </div> <div id="c" class="same_width"> </div> <div id="d" class="same_width"> </div> <div id="e" class="same_width"> </div> <div id="f" class="same_width"> </div> <div id="g" class="same_width"> </div> </div> 效果:
爵霸 2019-12-02 02:52:33 0 浏览量 回答数 0

问题

为什么这段代码中对象rectangle的各个成员函数输出的值是对的,而box的却都是错的

#include using namespace std; class rectangle { protected: double length,width,l,w; public: void setlength(); void getle...
a123456678 2019-12-01 20:08:56 1166 浏览量 回答数 1

问题

Android弹出软键盘时底部菜单与ScrollView冲突的问题

如图所示,应用底部有个菜单,上面是个ScrollView,弹出键盘是我希望菜单跟随着键盘移动到上面,但是此时会遮挡输入光标。比如,我点了test12,焦点处于test12上,但是正好被菜单给挡住了,有什么好的办法解决这个问题吗? <...
蛮大人123 2019-12-01 20:02:31 1268 浏览量 回答数 1

问题

css中关于width的问题(奇怪表现);

CSS中关于width的奇怪现象最近在做练习的时候发现了关于css的width的奇怪现象:div { width: 400px; height: 400px; background: red; } 正常情况下css会显示一个40...
a123456678 2019-12-01 19:31:20 637 浏览量 回答数 1

问题

css中关于width的问题(奇怪表现);

CSS中关于width的奇怪现象最近在做练习的时候发现了关于css的width的奇怪现象:div { width: 400px; height: 400px; background: red; }正常情况下css会显示一个400...
杨冬芳 2019-12-01 19:39:55 813 浏览量 回答数 1

回答

下面的方法使用 NSRegularExpression 类修改HTMLdiv标记的宽度类型属性: // Takes Div markup in the following formats: // <div id="something" class="something" style="width: Xpx"> // <div id="something" class="something" width="X"> // And replaces X with desired value. - (NSString *)setDivMarkup:(NSString *)markup width:(NSInteger)width { NSString *regexToReplaceWidth = @"width(:|=)(\")?\\s*\\d+\\s*(px)?"; NSError *error = NULL; NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:regexToReplaceWidth options:NSRegularExpressionCaseInsensitive error:&error]; return [regex stringByReplacingMatchesInString:markup options:0 range:NSMakeRange(0, markup.length) withTemplate:[NSString stringWithFormat:@"width$1$2%d$3", width]]; }
爵霸 2019-12-02 02:18:47 0 浏览量 回答数 0

问题

CSS中width:fill-available和width:100%的区别?

CSS中width:fill-available和width:100%的区别?...
杨冬芳 2019-12-01 19:55:12 925 浏览量 回答数 1

回答

webview适配html的方法是通过meta 标签指定屏幕的分辨率。 比如常用写法如下: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 特殊说明: 这里表示 viewport 的宽度为匹配设备屏幕的宽度,且禁用缩放。涉及到两个概念: viewport 元素 devicePixelRatio:设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 由于 iphone 手机和 android 4.0 以上的手机支持修改 viewport 的 width 来改变页面的缩放情况,因此我们可以将 width 指定为页面设计的宽度,如此一来,你的页面正好充满 viewport 并全屏显示,而不会缩放。例如: <meta name="viewport" content="width=640px, user-scalable=no"> 但是对于 android 4.0 以下的手机,不支持设置 viewport 的 width,但是我们可以设置 Android 的另一参数target-densitydpi,从而达到相同的目的,计算 target-densitydpi 的公式如下: target-densitydpi = UI-width / device-width * window.devicePixelRatio * 160; //UI-width :WebApp布局宽度 //device-width :屏幕分辨率宽度 最终的解决方法: <meta name="viewport" content="target-densitydpi=device-dpi, width=640px, user-scalable=no"> $(function () { var DEFAULT_WIDTH = 640, // 页面的默认宽度 ua = navigator.userAgent.toLowerCase(), // 根据 user agent 的信息获取浏览器信息 deviceWidth = window.screen.width, // 设备的宽度 devicePixelRatio = window.devicePixelRatio || 1, // 物理像素和设备独立像素的比例,默认为1 targetDensitydpi; // Android4.0以下手机不支持viewport的width,需要设置target-densitydpi if (ua.indexOf("android") !== -1 && parseFloat(ua.slice(ua.indexOf("android")+8)) < 4) { targetDensitydpi = DEFAULT_WIDTH / deviceWidth * devicePixelRatio * 160; $('meta[name="viewport"]').attr('content', 'target-densitydpi=' + targetDensitydpi + ', width=device-width, user-scalable=no'); } // TODO: 其他手机需要特殊处理的在下面 }); 答案来源网络,供参考,希望对您有帮助
问问小秘 2019-12-02 02:19:12 0 浏览量 回答数 0

问题

IE 中new Image()不能加载成功,求指教?报错

项目中定义一个图片加载方法,源码如下$.fn.CalImage=function(imgSrc,iwidth,iheight){      var image=new Image();      image.s...
爱吃鱼的程序员 2020-06-20 17:10:35 0 浏览量 回答数 1

回答

假设你的图片大小是400*450,三张轮播图,你试试下面的方式:.content_ban{ height:450px; width:400px; overflow:hidden; } .content_ban>ul{ height:100%; width:1200px; } .content_ban>ul>li{ width:400px; } .ban{ width:100%; } .ban img{ width:100%; }
a123456678 2019-12-02 02:25:08 0 浏览量 回答数 0

回答

UIImageView *imgView=[[UIImageView alloc] initWithFrame:CGRectMake(25, 5, imgView.size.width, imgView.size.width)]; 你这样创建,这时的UIImageView还没有width及height.UIImageView 尺寸依据它添加的UIImage UIImage *img=[UIImage imageNamed:@""]; UIImageView *imgView=[[UIImageView alloc] initWithImage:img]; imgView.frame=CGRectMake(25, 5, imgView.size.width, imgView.size.width);
爵霸 2019-12-02 02:22:23 0 浏览量 回答数 0

回答

假设你的图片大小是400*450,三张轮播图,你试试下面的方式:.content_ban{ height:450px; width:400px; overflow:hidden; } .content_ban>ul{ height:100%; width:1200px; } .content_ban>ul>li{ width:400px; } .ban{ width:100%; } .ban img{ width:100%; } 图片轮播1图片轮播2
杨冬芳 2019-12-02 02:31:23 0 浏览量 回答数 0

回答

其实你用审查元素orFireBug看的话你会发现其实input[2](姑且让我这么称呼它)的实际width是100%的,而不是你所谓的默认宽度。这里就要问了,为什么明明width:50px设置在后面,反而得到的是前面的width:100%这个值呢?这里需要注意的是类似权重(原谅我,我也不太清楚这个应该怎么称呼)的东西CSS选择器的优先级。仔细看你的CSS你会看到你设置width:100%的标签用了input.text两个标签,而设置width:50px只用了.input一个标签。这样做,无形中就把input.text的权重增大了,也就是说把它变得更优先了,所以解析器默认使用了width:100%这个参数。好了,到这里,给你一个意见,把.input改成.input.text,看看会发生什么?解决了这个,我们来继续看看问题。为什么width:100%参数生效了,可是宽度还是默认的呢?这只有一个可能,那就是包裹它的标签的宽度有问题。我们往上看一下,发现你对包裹input标签的div父标签设置了float:left这个属性。通过搜索,我们会发现,float参数具有破坏div标签宽度的作用(搜索了一下,发现很多专题讲述float的都很复杂,这里给一个直接简单的地址:http://my.oschina.net/jing31/blog/6601)。你又继续问了一个问题,为何这里的100%和auto是一样的效果呢。这里就要对100%进行解释。width为100%的话实际上应该理解为宽度为其父元素的100%宽度。但是我们又知道,父元素的宽度被float属性破坏了,其实际宽度应该是其子元素被撑大后的宽度。也就是说width:100%找不到比较对象了,不知道是谁的100%了(这里可能理解的不是那么准确)。所以浏览器解释成了auto。这里,你可以试验的将width:100%修改成width:300px,看看会发生什么?或者你在div父标签中填充点文字进去,看看又会发生什么?再次新加的内容可以很好的看上一段粗体的这个解释,应该是正常的情况。由于内部有文字所以div的宽度存在了基数,有了比较对象。没有文字的情况下,你可以这么理解,父元素的宽度靠子元素决定,子元素的宽度靠父元素决定,然后陷入死循环,然后浏览器疯了,然后浏览器就傲娇了,不知所措了,就给了默认的值了(这种情况应该挺正常的吧←_←)。好了,到这里问题应该解决了。最后结果是width:100%优先级高于width:50px而应用到了标签中,但是由于父标签的width变成了最小,所以被包裹的input也变成了默认的了。这里在给个意见,如果把父标签的float参数取消,看看又会发生什么呢?
a123456678 2019-12-02 02:20:37 0 浏览量 回答数 0

问题

正则表达式匹配如何匹配<tr>,,,</tr>

&lt;tr&gt; &lt;td bgcolor="#FFFFFF" class="whitetext" width="5%"&gt;1&lt;/td&gt; &lt;td bgcolor="#FFFFFF" class="whitet...
小旋风柴进 2019-12-01 20:17:47 1539 浏览量 回答数 1

问题

float元素嵌套input宽度计算问题

input { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px sol...
a123456678 2019-12-01 19:26:19 1019 浏览量 回答数 1

回答

<html> <head> <title> 修改td中的值 </title> </head> <body> <table id="myTable" width="400px" border="1px solid #CCC"> <tr> <td height="50px" width="25%"> 1,1</td> <td height="50px" width="25%"> 1,2</td> <td height="50px" width="25%"> 1,3</td> <td height="50px" width="25%"> 1,4</td> </tr> <tr> <td height="50px" width="25%"> 2,1</td> <td height="50px" width="25%"> 2,2</td> <td height="50px" width="25%"> 2,3</td> <td height="50px" width="25%"> 2,4</td> </tr> <tr> <td height="50px" width="25%"> 3,1</td> <td height="50px" width="25%"> 3,2</td> <td height="50px" width="25%"> 3,3</td> <td height="50px" width="25%"> 3,4</td> </tr> </table> <br> <hr> <br> <input type="text" size="20" id="inputText"> <input type="button" value="修改(3,3)td中的值" onclick="updateValue('inputText',2,2);" </body> <script> function updateValue(textId,row,col){ table = document.getElementById('myTable'); table.rows[row].cells[col].firstChild.nodeValue = document.getElementById(textId).value; } </script> </html>
小旋风柴进 2019-12-02 02:13:40 0 浏览量 回答数 0

回答

它们之间的关系,可以概括如下:clientWidth = width + paddingoffsetWidth = width + padding + border 可以参考下面例子: <html> <head> </head> <body> <div id='test' style="border:2px solid blue; padding:5px;width: 200px;"> 天下武功出少林!! </div> <script> var ele = document.getElementById('test'); //clientWidth:210 offsetWidth:214 width:200px alert("clientWidth:"+ele.clientWidth+" offsetWidth:"+ele.offsetWidth+" width:"+ele.style.width); </script> </body> </html>
杨冬芳 2019-12-02 02:34:38 0 浏览量 回答数 0

问题

移动Web页面,为什么都喜欢width=device-width,并且关闭系统缩放功能?

如题,这种方式做的移动Web页面,设计稿通常是按照960*640的规格进行设计,再开发的时候,通常会把里面量到的尺寸缩小一半再开发。``那既然要缩小一半再开发,为什么不直接设置width=640,然后按照设计稿的尺寸进行开发呢? 对于第一种...
a123456678 2019-12-01 19:26:37 1659 浏览量 回答数 2

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT