css width="100" style ="width:100px" 区别

1. width="100"是正确的,而 width="100px"是错误的, style = "width:100px"是正确的

2. style ="width:100px"优先级较高

3. 只有有限的元素支持width="100"属性,例如table, td等

4. JQuery中获取width如下

    <div style="width:200px;height:200px;"></div>

    我们可以使用:

    $(function(){
      var width1 = $("div").css("width");
         var width2 = $("div").width();
      })

    输出如下:

    .css("width")会带 单位, 例子中 会输出 : 200px ;
  .width()则不带单位 , 输出 200;

结论:尽量使用 style = "width:100px"

参考引用:http://www.cnblogs.com/chengxiaohui/articles/1873605.html

时间: 2024-10-14 07:45:48

css width="100" style ="width:100px" 区别的相关文章

CSS的width:100%和width:auto区别

CSS的width:100%和width:auto区别 一.   问题 前段时间在调整树结构的时候,发现如果树的节点名称比较长的话在IE6下则不会撑开外面的元素,导致节点的名称只显示了一半,同时图标和名称换行显示了,但是在IE8和IE9下则显示正常.定位到问题后,最终发现是下面的属性导致的,如下图红色所致,把width的值设置为auto后即可解决问题: .TreeView,.TreeView ul{ padding:0px 0px 0px  19px; list-style:none; marg

width:100%和width:inherit

前几天遇到过这么一个问题.我想让子盒子的宽度等于父盒子的宽度.父盒子宽度为一个具体值比如说200px.我将子盒子宽度设为了100%.按道理说应该是可以等于父盒子的宽度的,但结果并没有,而是通栏了.然后我又将子盒子宽度设为了inherit.结果宽度就是父盒子的宽度了. HTML结构如下: <body> <div class="parent"> <div class="child"> hello world </div>

canvas标签的width和height以及style.width和style.height的区别

其实这里已经说的很明白,通俗点说就是在canvas中定义width.height跟在style中定义width和height是不同的,canvas标签的width和height是画布实际宽度和高度,绘制的图形都是在这个上面.而style的width和height是canvas在浏览器中被渲染的高度和宽度.如果canvas的width和height没指定或值不正确,就被设置成默认值(width:300px,height:150px). 实例代码 <!DOCTYPE html><html&g

css中width:auto和width:100%的区别是什么

width的值一般是这样设置的: 1,width:50px://宽度设为50px 2,width:50%://宽度设为父类宽度的50% 3,还有一个值是auto(默认值),宽度是自动的,随着内容的增加而增加,随着浏览器的宽度而换行 width:auto和width:100%的区别: 一.width:auto 1.块级元素默认的宽度值,意味着浏览器会自己选择一个合适的宽度值. 2.内容的宽度='margin-left' + 'border-left-width' + 'padding-left'

style=&quot;width:100px&quot; 和width=100 异同

异: 1.width属性不是每个元素都支持的,一般就table和body支持. 2.style="width: 100px"是CSS样式. 2.1.CSS样式有多种方式设置,直接写成这个样子属于内联CSS,也可以把这个提出来单独放到<style>里 <html> <head>    <style>      .mydiv { width: 100px; }      div { background-color: #ddd; margin

css top,right,bottom,left设置为0有什么用?它和width:100%和height:100%有什么区别?

 壹 ? 引 当我们使用position属性时,总免不了与top,left,right,bottom四个属性打交道,那么这四个属性都设置为0时有什么用,与宽高设置100%又有什么区别?本文对此展开讨论.  贰 ? 关于top left right bottom position定位属性大家都不会陌生,添加position属性的元素可以定位,而top,left,right,bottom属性决定元素定位后所在的位置,而在使用定位属性需要注意两点: 第一点,top,left此类定位属性只对添加了pos

CSS width:100%和width:auto的区别

width:100%和width:auto的区别 width:auto比较聪明,如果margin已经左右占去10px的空间,那么width给的值就是580px. <style> div{ width:600px; overflow:auto; background:#ccc; } p{ width:auto; margin:10px; background:red; } </style> </head> <body> <div> <p>

canvas.width和canvas.style.width的区别

先让我们来看下代码: <!DOCTYPE HTML><html><body> <canvas id="myCanvas" style="border:1px solid #c3c3c3;">Your browser does not support the canvas element.</canvas> <script type="text/javascript"> var

offsetwidth和style.width的区别是什么

offsetwidth和style.width的区别是什么:上面两个属性的作用优点类似,都可以返回对象的宽度,但是两者又有很大的区别,下面将通过实例简单介绍一下它们的区别.代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/"