标签: width

img或css宽度的内联宽度?

我想知道以下哪个更好用,或者通常更好:

<img src = "foo.png" height = 32 width = 32 />
Run Code Online (Sandbox Code Playgroud)

要么

<img src = "foo.png" style = "height: 32px; width: 32px;" />
Run Code Online (Sandbox Code Playgroud)

css height attributes image width

7
推荐指数
1
解决办法
8035
查看次数

许多列的数据表宽度溢出

哇,我有jquery datatables插件这个严重的问题.我有一个包含大量列(超过35列)的表,这个表溢出了我的div内容.

我尝试过很多方法(包括在堆栈溢出时遇到相同问题的解决方案),但仍然无法解决这个问题.所以,我真的需要你的帮助.:)

谢谢,非常感谢你

你可以在这里看到截图.

在此输入图像描述

这是javascript代码

var list_table = $("#list_table").dataTable({
            "sScrollX": "100%",
            "sScrollXInner": "110%",
            "bScrollCollapse": true
        }); 
Run Code Online (Sandbox Code Playgroud)

这是html表

<table class="display" id="list_table">
<thead>
    <tr>
        <th rowspan="2">Account Code</th>             
        <th rowspan="2">Account Name</th>
        <th colspan="3">January</th><th colspan="3">February</th><th colspan="3">March</th><th colspan="3">April</th><th colspan="3">May</th><th colspan="3">June</th><th colspan="3">July</th><th colspan="3">August</th><th colspan="3">September</th><th colspan="3">October</th><th colspan="3">November</th><th colspan="3">December            
        </th><th colspan="3">January s/d December
            <!--            <th rowspan="2" class="link"></th>-->
        </th></tr>
    <tr>
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th>
        <th>Actual</th>
        <th>Variance</th>        
        <th>Budget</th> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery datatables width

7
推荐指数
2
解决办法
1万
查看次数

如何在jquery中获取元素的innerWidth而不使用滚动条

给定一个包含滚动条的div(例如溢出的b/c:auto),如何获得元素的准确innerWidth?在我的例子中:http://jsfiddle.net/forgetcolor/2J7NJ/ width和innerWidth报告相同的宽度.我想要的数字应该少于100.

HTML:

<div id='box1'>
<div id='box2'>
</div>
</div>
<p id="w"></p>
<p id="iw"></p>?
Run Code Online (Sandbox Code Playgroud)

CSS:

#box1 { 
    width:100px;
    height:100px;
    overflow:auto;
}

#box2 {
    width:200px;
    height:200px;
    background-color:#aaa;
}
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$('#w').text("width is: "+$('#box1').width());
$('#iw').text("inner width is: "+$('#box1').innerWidth());?
Run Code Online (Sandbox Code Playgroud)

更新:

当box2 div包含一个大图像时,我需要这个工作(因此需要一秒钟加载).这是一个例子,集成了以下解决方案之一(Lukx'),这不起作用:http://jsfiddle.net/forgetcolor/rZSCg/1/.任何想法如何让它在计算宽度之前等待图像加载?

jquery width

7
推荐指数
2
解决办法
2万
查看次数

如何使用最小宽度,最大宽度和宽度100%

有人请帮我描述最小宽度最大宽度和宽度100%的合适例子,为什么我应该特别使用它?

编辑

对于大多数计算机分辨率可能匹配的最小宽度,我应该使用什么.我应该使用什么来达到大多数计算机分辨率可能匹配的最大宽度.

编辑 我需要更好的例子,因为yahoo.com使用

html css width

7
推荐指数
2
解决办法
5万
查看次数

更改条形图中的条形宽度(R)

我想知道如何更改barchart()函数中的条形宽度.

这是代码:

rater1 <- c(0.75, 0.66, 0.73,   0.63)
barplot(rater1, ylim=c(0:1),axes = TRUE, names.arg = c("A", "B", "C", "D"), axisnames=TRUE, col="grey70")
Run Code Online (Sandbox Code Playgroud)

是否也可以在条形图上方放置价值标签?

谢谢.

r width bar-chart

7
推荐指数
1
解决办法
3万
查看次数

JavaScript screen.height 和 screen.width 返回不正确的值

我想从 JS 获取用户显示器的屏幕分辨率,所以我决定使用 screen.height 和 screen.width 属性,但我注意到我得到了一些不正确的值,我有全高清显示器,高度为 1280 像素,但屏幕。高度返回 630,宽度返回 1120。是什么原因导致的?谢谢!

编辑:对我来说,这似乎发生在 FireFox 上,从 IE 10 开始我得到了正确的值。

javascript height screen width

7
推荐指数
1
解决办法
3927
查看次数

WPF Datagrid列宽度为Datagrid ActualWidth的百分比

我花了几个小时看这个没有结果.

我只想拥有一个DataGridX列的列,以保持其相对宽度Grid.

所以,例如:

  • 第1栏:10%
  • 第2栏:10%
  • 第3列:10%

我已经设置了一个附加到DataGrid项目模板的样式.我尝试将宽度绑定到DataGrid自身(通常是循环引用),另一个对象(值进来,但DataGridColumn不更新),使用转换器(转换器获取正确的值,然后设置值的列,但尽管返回的数字不同,但列的宽度永远不会改变).

我已经SizeChanged在DataGrid自身上设置了一个事件并专门设置了列的宽度,DID更改了列的值,但是每个size事件都会导致另一个size事件等...等等...

我自己明白这一点显然太愚蠢了,所以如果有人能给我一个简单的例子,我想象的应该是一件简单的事情,我会非常感激.

所以,为了清楚起见,我正在寻找的是一个DataGridX列的列,它保持固定的DataGrid宽度百分比本身 - 非常像HTML中的任何表本身.

提前致谢.

wpf datagrid width datagridcolumn

7
推荐指数
1
解决办法
4895
查看次数

ggplot::geom_boxplot() 如何更改 R 中一个框组的宽度

我想将“随机”类别中框的宽度调整为与图中其他框的宽度相同。它现在是一个组,而其他组包含两个子组......关于如何做到这一点的任何想法?

提供的代码和表格的结果图像 使用geom_boxplot(width=0.2)just 会更改所有框的宽度。到目前为止,我使用了以下代码:

ggplot(TablePerCatchmentAndYear,aes(x=NoiseType, y= POA, fill = TempRes)) + 
 geom_boxplot(lwd=0.05) + ylim(c(-1.25, 1)) + theme(legend.position='bottom') + 
 ggtitle('title')+ scale_fill_discrete(name = '')
Run Code Online (Sandbox Code Playgroud)

我为此使用的数据如下表:

TablePerCatchmentAndYear = structure(list(CatchmentModelType = c("2126_Murg_2009_dry_bench_hourly", 
"2126_Murg_2009_dry_bench_hourly", "2126_Murg_2009_dry_bench_hourly", 
"2126_Murg_2009_dry_bench_hourly", "2126_Murg_2009_dry_bench_hourly", 
"2126_Murg_2009_dry_bench_hourly", "2126_Murg_2009_dry_bench_hourly", 
"2126_Murg_2009_dry_bench_hourly", "2126_Murg_2009_dry_bench_hourly", 
"2126_Murg_2009_dry_bench_hourly", "2126_Murg_2009_dry_LogNormSDdivBy4_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy4_hourly", "2126_Murg_2009_dry_LogNormSDdivBy4_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy4_hourly", "2126_Murg_2009_dry_LogNormSDdivBy4_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy4_hourly", "2126_Murg_2009_dry_LogNormSDdivBy4_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy4_hourly", "2126_Murg_2009_dry_LogNormSDdivBy4_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy4_hourly", "2126_Murg_2009_dry_LogNormSDdivBy2_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy2_hourly", "2126_Murg_2009_dry_LogNormSDdivBy2_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy2_hourly", "2126_Murg_2009_dry_LogNormSDdivBy2_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy2_hourly", "2126_Murg_2009_dry_LogNormSDdivBy2_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy2_hourly", "2126_Murg_2009_dry_LogNormSDdivBy2_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy2_hourly", "2126_Murg_2009_dry_LogNormSDdivBy1_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy1_hourly", "2126_Murg_2009_dry_LogNormSDdivBy1_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy1_hourly", "2126_Murg_2009_dry_LogNormSDdivBy1_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy1_hourly", "2126_Murg_2009_dry_LogNormSDdivBy1_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy1_hourly", "2126_Murg_2009_dry_LogNormSDdivBy1_hourly", 
"2126_Murg_2009_dry_LogNormSDdivBy1_hourly", "2126_Murg_2009_dry_random_hourly", 
"2126_Murg_2009_dry_random_hourly", "2126_Murg_2009_dry_random_hourly", 
"2126_Murg_2009_dry_random_hourly", "2126_Murg_2009_dry_random_hourly", 
"2126_Murg_2009_dry_random_hourly", "2126_Murg_2009_dry_random_hourly", 
"2126_Murg_2009_dry_random_hourly", "2126_Murg_2009_dry_random_hourly", 
"2126_Murg_2009_dry_random_hourly", "2126_Murg_2009_dry_bench_weekly", 
"2126_Murg_2009_dry_bench_weekly", …
Run Code Online (Sandbox Code Playgroud)

r width ggplot2 boxplot box

7
推荐指数
2
解决办法
1万
查看次数

HTML 宽度 100% 超出页面

我是 HTML 和 CSS 的新手。所以,我遇到了width100%的问题。它似乎超出了浏览器的边界。请看下面的例子!我应该width稍微减少百分比还是我的代码中存在一些可能导致这种情况的缺陷?

我在这里找到了一些关于宽度 100% 的其他帖子,但它们都没有真正帮助我。这是我制作的示例:http : //jsfiddle.net/gj53jbz9/


 body{
              font-size: 15px;
              margin: 0px;
              background-color: lightgrey;  }

            #header{
              padding: 30px;
              width: 100%;
              height: 250px;
              background-color: grey;   }

            #name{
              padding: 5px;
              font-size: 25px;
              float: left;  }


            #navbar{
              float: right;
              text-align: right;    }

            #navbar a{
              background-color: black;
              display: inline-block;
              width: 120px;
              text-align: center;
              padding: 10px 0px;
              text-decoration: none;
              color: lightgrey; }

            #title{
              clear: both;
              text-align: center;
              padding-top: 100px;
              font-size: 45px;  }

            #content{
              text-align: center;
              width: 80%; …
Run Code Online (Sandbox Code Playgroud)

html css width

7
推荐指数
2
解决办法
6218
查看次数

如何设置相对于祖父元素而不是直接父元素的宽度?

我正在尝试使用相对于祖父元素宽度的百分比设置一些元素的宽度。像这样。

<style>
.grand{width:1000px; overflow:hidden;}
.parent{width:2000px; position:relative}
.child1{float:left; width:50%; height:200px; background-color:blue;}
.child2{float:left; width:50%; height:200px; background-color:green;}
</style>


<div class="grand">
 <div class="parent">
  <div class="child1"></div>
  <div class="child2"></div>
 </div>
</div>
Run Code Online (Sandbox Code Playgroud)

但我不知道如何做到这一点,我怎样才能让子元素直接引用它的祖父元素而不是直接的父元素?(在这种情况下,如果我将子元素宽度设置为 50%,它必须是 500px,而不是 1000px。)

有没有可能的方法来做到这一点?

javascript css jquery width

7
推荐指数
1
解决办法
5682
查看次数