标签: width

我正在研究一个仅限IE的网站并使其跨浏览器.在IE,Chrome和Safari中,一切都很好看.然而Firefox并不开心.

我有一个名为"datatable"的表类,顾名思义就是数据表.我试图让它延伸到它所包含的div的宽度的100%.上面的div是100%.当我使用萤火虫检查它时,桌子伸展到100%.但是,Firefox生成的tbody并没有达到100%.因此,表中的行与tbody一样小.所以我不知道如何解决这个问题.我试过 tbody{width:100%;},它什么也没做.

任何想法我都会非常感激.

问候,

我正在改变一个作为条形的元素的宽度,这是有效的.但是我无法做到这一点,以便在相反的方向上激活它.我试过把 - 放在bar_width前面,但无济于事.宽度将被动态计算,只是因为我希望方向向左而不是向右移动,如此<-------不是----------->

var bar_width=$(this).css('width') ;
$(this).css('width', '0').animate({ width: bar_width }, queue:false,duration:3500,easing: easing});

所有,

在我的网站www.coutallure.com上

有一个'忘记密码'div位于页面底部的"密码"字段下方.

现在,即使我已经指定了div的高度和宽度(id:fpass),这个div中的'a href'标签也不会从父div(fpass)继承高度.

我已经指定了'a href'标签的高度和宽度,并且根据firebug,浏览器会考虑高度和宽度,但是,'a href'标签的高度仍为零!

任何人都可以告诉我为什么会这样,即'a href'标签的高度和宽度不是浏览器使用的实际高度和宽度？

我目前正在尝试使用冻结标头实现GridView.我已经使用在线找到的javascript冻结了标题.这是代码:

    var GridId = "<%=dgContacts.ClientID %>";
    var ScrollHeight = 180;
    var ScrollWidth = 700;
    window.onload = function () {
        enablePostLog();
        var grid = document.getElementById(GridId);
        var gridWidth = grid.offsetWidth;
        var headerCellWidths = new Array();
        for (var i = 0; i < grid.getElementsByTagName("TH").length; i++) {
            headerCellWidths[i] = grid.getElementsByTagName("TH")[i].offsetWidth;
        }
        grid.parentNode.appendChild(document.createElement("div"));
        var parentDiv = grid.parentNode;

        var table = document.createElement("table");
        for (i = 0; i < grid.attributes.length; i++) {
            if (grid.attributes[i].specified && grid.attributes[i].name != "id") {
                table.setAttribute(grid.attributes[i].name, grid.attributes[i].value);
            }
        }
        table.style.cssText = grid.style.cssText;
        table.style.width …

我试着改变我的GridView列宽.这是我的代码:

<?php $this->widget('zii.widgets.grid.CGridView', array(
    'id' => 'prefixs-grid',
    'dataProvider' => $model->search(),
    'filter' => $model,
    'columns' => array(
        array(
            'name' => 'id',
            'header' => 'No.',
            'htmlOptions' => array('class' => 'center'),
        ),
        array(
            'name' => 'pfx',
            'htmlOptions' => array('width' => 30),
        ),
        array(
            'class' => 'CButtonColumn',
        ),
    ),
)); ?>

当我运行'pfx'列时,宽度必须更改为30,但宽度相同.我怎么能改变列的宽度？有任何想法吗？

我使用直方图没有成功.一个简单的问题是使用以下数据:

age range - frequency - central band width -  bin width  - height (respectively)
1-4    - 30      -      2.5     -         3    -   10
5-6   -  20     -       5.5        -      1   -    20
7-17  -  30       -     12      -         10   -   3

随着沿X轴的年龄,具有线性刻度,因此1-4的箱宽度将为3,高度为10,5-6的箱宽度为1,高度为20,而7-17为10且高度为3.

如何将这些数据放入Word /记事本文档.dat文件中？然后我如何使用它们来设置直方图gnuplot？

我正在尝试添加一个固定宽度的侧边栏.但内容div应该是流动的.

这是我的代码:

.page-main{
    padding: 10px;
    height: auto;
    overflow: hidden;
}

.page-content{
    background-color: red;
    width: auto;
    overflow: hidden;
}

.page-side {
    float: right;
    width: 200px;
    background-color: green;
}

<div class="page-main">
                <div class="page-content">
                    Content

                </div>
                <div class="page-side">
                    Sidebar
                </div>
            </div>

我希望有人能帮帮忙.

这是两个垂直排列按钮.我需要它宽度会一样.我没有:

• 包裹的尺寸是多少;
• 按钮上的文字是什么(因此我不能使用像素宽度);
• 按钮上的宽度是多少.

按钮必须在左边.按钮上的文字必须是中心对齐.我不能使用100%宽度因为它不会美丽:)

我不能使用flexbox并指定按钮的宽度.并且很酷的纯CSS解决方案.

IE8 +

.wrap{
    width: 100%;
    border: 1px solid red;
}

.btn{
    height 40px;
    background-color: tomato;
    margin-bottom: 10px;
    display: block;
}

<div class="wrap">
  <button class="btn">small button</button>
  <button class="btn">super long button</button>
</div>

我被要求创建一个表单,其中每个输入都有一个标签,其自然宽度(向左)和输入旁边(在右侧,在同一行内)填充剩余空间,以便每个输入的右边缘是垂直对齐.

除了在每个输入上设置显式宽度之外,有没有办法实现这一目标？从本质上讲,强制输入占用其父级剩余空间的100%？

没有关于如何使div填充剩余水平空间的答案？似乎对我有用,但我不确定为什么我的情况会有所不同.

<div class="name-field">
     <label for="name">Name:</label>
     <input type="text" id="name" />
</div>

<div class="email-field">
     <label for="email">Email address:</label>
     <input type="email" id="email" />
</div>

在上面的情况中,我希望每个包装div都是100%宽度,并且内部的元素完全填充该宽度,它们之间没有任何空间.

我正在尝试创建可缩放的表，因此将其值设置为％。该网站可以正常运行，但是为什么Visual Studio将其视为无效？