标签: width

我有以下代码,它在FF和IE8中正常工作但在IE 7中失败,任何人都有想法或黑客

    if ($("#midRight:contains('Quick Links')").length == 0) {
  $("#midCenter").css({'width':'298px'});
 }

HTML是基本的

    <div id="midRight">
bunch of text
</div>

起始的CSS是

#midRight {width:440px;}

IE7的javascript错误是"对象不支持此属性或方法.BTW如果我在宽度更改之前抛出警报它工作正常.如果我在宽度更改后移动警报它永远不会触发,所以至少我知道条件语句在IE7中正常工作,而不是宽度的变化.

你怎么能找到被20多个其他元素包裹的元素的宽度,但我知道的唯一固定宽度是800px的主包装器.所有子元素通常是块,浮动或不浮动,具有不同的填充和边距.
我真的不需要特定案例的答案,我只是想知道是否有工具或技巧来快速计算这些事情.
谢谢

编辑:很抱歉忘了,这是在我无法安装任何脚本或编辑CSS的外部网站上.

我正在尝试使用jquery设置di​​v的宽度.

这就是我试图设置div的大小

$('#page').css("width",data[0]['imageWidth']);

这就是我想要设定的div

<div id="page">
 </div>

任何帮助都将非常感激

我正在以编程方式将a Textbox和a 加载Button到水平StackPanel.按钮的大小(仅包含一个Image)是固定的,但我无法让文本框填充其父级的可用宽度.这就是代码的样子:

StackPanel parent = new StackPanel() {
  Orientation = Orientation.Horizontal,
  HorizontalAlignment = HorizontalAlignment.Stretch,
  VerticalAlignment = VerticalAlignment.Top,
};

TextBox textbox = new TextBox() {
  HorizontalAlignment = HorizontalAlignment.Stretch,
  VerticalAlignment = VerticalAlignment.Top,
  //MinWidth = 375,
};

Button btn = new Button() {
  Content = new Image() {
    MaxHeight = 40,
    MaxWidth = 40,
    MinHeight = 40,
    MinWidth = 40,
    Margin = new Thickness( 0 ),
    Source = new BitmapImage( 
      new Uri( "btnimage.png", UriKind.Relative ) …

我有一个包含三行TableLayout的布局.每行都有一个TextView和一个Spinner.Spinners的专栏将设置为拉伸.我的问题是,当旋转器包含一个长弦时,它们会从屏幕边缘伸展开来.我希望他们截断字符串.这是问题的截图:

http://www.comicfanboy.net/images/screenshot.png

这是布局的xml:

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/settings_scrollview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_gravity="center_horizontal">
    <LinearLayout android:id="@+id/linearLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:paddingLeft="3dp" android:paddingRight="3dp">
        <TextView android:id="@+id/textView1" android:layout_height="wrap_content" android:text="@string/general_information_defaults" android:gravity="center_horizontal" android:layout_width="fill_parent"></TextView>
        <TableLayout android:layout_height="wrap_content" android:id="@+id/tableLayout1" android:layout_width="fill_parent" android:stretchColumns="1">
            <TableRow android:id="@+id/tableRow1" android:layout_width="wrap_content" android:layout_height="wrap_content">
                <TextView android:id="@+id/textView2" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="right|center_vertical" android:text="Spinner Label 1"></TextView>
                <Spinner android:layout_height="wrap_content" android:id="@+id/default_organization_spinner" android:layout_width="wrap_content"></Spinner>
            </TableRow>
            <TableRow android:id="@+id/tableRow2" android:layout_width="wrap_content" android:layout_height="wrap_content">
                <TextView android:id="@+id/TextView01" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="right|center_vertical" android:text="Spinner Label 2"></TextView>
                <Spinner android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/default_sport_spinner"></Spinner>
            </TableRow>
            <TableRow android:id="@+id/tableRow3" android:layout_width="wrap_content" android:layout_height="wrap_content">
                <TextView android:id="@+id/TextView02" android:gravity="right|center_vertical" android:layout_height="fill_parent" android:layout_width="fill_parent" android:text="Spinner Label 3"></TextView>
                <Spinner android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/default_injury_spinner"></Spinner>
            </TableRow>
        </TableLayout>
        <TextView …

我试图根据容器的宽度乘以.75来设置容器的高度.

我想出了这个,但不知道我哪里出错了,因为它不起作用:

$('#slideContent').load(function() {
            var wide = ('#slideContent').width()
          $(this).css('height', $(this).width( wide * 0.75 ));
        });

有什么建议？

谢谢

我正在玩Raphael SVG库,我定义了一个持有Raphael画布的元素

<div id="canvas_container"></div>

我把拉斐尔帆布/纸放在里面:

paper = new Raphael(document.getElementById('canvas_container'), '100%', '100%');

现在我想获得画布的绝对宽度/高度.我想出了如何使用paper.canvas访问画布,但如果我尝试获取paper.canvas.width,我得到一个SVGAnimatedLength元素而不是宽度.

我注意到当使用Chrome开发工具并使用鼠标在控制台中选择paper.canvas时,所选元素在窗口中显示正确的绝对大小(当Chrome开发人员选择某个元素时,页面中出现蓝色选项安慰).但是如何在代码中获取它？

我试图通过jQuery给我的容器元素高度和宽度,.css()但我的代码将其设置为窗口高度和宽度.任何人都可以告诉我为什么代码不起作用？

以下是代码:

$(document).ready(function () {
    var H = $(window).height();
    var W = $(window).width();
    var h = W / 1.625;
    var w = H * 1.625;
    if (w > W) {
        $("#container").css("height", h + 'px').css("maxWidth", W + 'px;');
    else {
        $('#container').css("maxHeight", H + 'px').css("width", w + 'px;');
    }
});

可以问一下你吗？如何在jQuery的.css（）方法中设置负边距（或其他任何值）？我正在按变量添加尺寸，但是不起作用

var width = $('.gallery div img').outerWidth(true);
$('.gallery').css('margin-left', '- ' + width + 'px');

还是有什么方法可以转换var width为负数？

我想使div(divTwo)的宽度在另一个div(divOne)100%宽度内,尽管divOne的宽度为80%.这可能吗？

JSFiddle:https://jsfiddle.net/u3mbjgp3/

HTML:

<div class="divOne">
    <div class="divTwo"></div>
</div>

CSS:

.divOne {
    width: 80%;
    height: 250px;
    background: #00ff00; /*green*/
}

.divTwo {
    width: 100%;
    height: 150px;
    background: #000; /*black*/
}