标签: width

我试图为弹性div实现一个简单的fold/unforld效果,即当元素的实际尺寸不是通过CSS设置时,因此不能轻易确定.所以我需要jQuery的width()和height()等价于任意元素; 方法应返回可分配给*.style.width/height的内容,以实现折叠/展开效果.这些方法也可以是设置者,但不一定是因为它无关紧要(或者不是吗？)

兼容性:IE8 +和3个适当的团队:Firefox,Chrome,Safari.除了"使用jQuery"之外,SO没有其他答案,我现在不想这样做.问题是我不需要支持像IE6/7和Netscape这样的古老浏览器.我希望我的代码只是简单的,适用于现代浏览器的首页JavaScript.删除IE9 for IE9也是一种选择.

我认为答案可能对许多Web开发人员有用.谢谢!

编辑:我当然理解,分析jQuery(以及丢弃古老的怪癖)是一个不错的选择,但我认为有人已经这样做并且可以与我们分享.

我需要知道在'auto'上设置宽度为css属性的元素的宽度(以像素为单位).我尝试过element.style.width但是没有用,因为它返回'auto'.我注意到了jQuery函数宽度()返回像素的长度,但我不能使用jQuery来解决这个问题,因为它不是在我的页面可用.那么,有没有人知道jquery width()的等效方法？

谢谢.

我有以下代码

<Window x:Class="Netspot.DigitalSignage.Client.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" WindowStyle="SingleBorderWindow" 
        WindowStartupLocation="CenterScreen"
        WindowState="Normal" Closing="Window_Closing">

任何获得高度/宽度的尝试都返回NaN或0.0

有谁能告诉我一个获得它的方法？

这两种方法不起作用

//Method1
var h = ((System.Windows.Controls.Panel)Application.Current.MainWindow.Content).ActualHeight;
var w = ((System.Windows.Controls.Panel)Application.Current.MainWindow.Content).ActualWidth;

//Method2
double dWidth = -1;
double dHeight = -1;
FrameworkElement pnlClient = this.Content as FrameworkElement;
if (pnlClient != null)
{
     dWidth = pnlClient.ActualWidth;
     dHeight = pnlClient.ActualWidth;
}

该应用程序将不会全屏运行.

如何使用jquery增加10rem的元素宽度.问题是Jquery总是以像素为单位返回宽度/高度,我们想要更新其他单位的高度/宽度.

示例:JS Bin

var $c = $('#container');
console.log($c.width());

var c = document.getElementById('container');

// Q1. Why is it different from above one. This is 324 while earlier it was 320. See the output.
console.log(c.clientWidth);

// Q2. How to update the code to increase the width by 10rem.
$c.css({width: $c.width() + 10}); //It adds 10 pixels here.

console.log($c.width());

我的问题是代码中的注释.

我有一个table在div里面另一个div.直接容器的宽度为40%,我希望表格与此div一样宽,通过设置width: 100%.

相关标记

这在大多数情况下都有效,但是根据浏览器窗口的宽度,表的宽度有时会偏离一个像素:

如右图所示,边框是兄弟div左边的一个像素.info.这些边界应该对齐.

相关的CSS

#userListContainer{width: 40%; float: left; }
.info{display:block;line-height:22px; height:22px; padding-left:10px; }
#userListContainer .info {border-right: 1px solid #999999;}

.userList {
    width: 100%; 
    border-right: 1px solid #999999;
    word-break: break-all; border-spacing: 0;
    border-collapse: separate;
}

对我来说似乎是一个渲染错误.它出现在Chrome 34.0.1847.131中,而不是IE10中.我无法在IE10或当前版本的FireFox中重现它.

我有一个表 2列每列800像素宽.我想在800x50窗口中显示此表.所以应该有水平和垂直滚动条来查看完整的表格.

虽然我在SO上找到了很少的相关解决方案(这个和这个),但它们只有在表格宽度小于屏幕尺寸时才有效.在我的情况下,屏幕大小为1200像素,总表格宽度为1600像素.

我怎么能这样做？我希望实现这样的目标.

编辑 哎呀,我忘了添加一个要求.抱歉.我希望用户滚动表时表的标题保持固定.

EDIT2

我已经尝试了下面提到的解决方案来包装div,但在这种情况下,垂直滚动条不显示.请用包装器div 查看此表.如果表格宽度大于屏幕尺寸,似乎只会出现此问题.我正在测试FF3.6.

EDIT3

当前表代码.即使我可以垂直滚动,也没有垂直滚动条.

<div style="overflow:scroll; width:800px;height:50px" >
<table style="width:1600px" border="1">
  <thead>
    <tr>
        <th style="width:800px">id_1</th>
        <th style="width:800px">id_1</th>
    </tr>
  </thead>
  <tbody style="">
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
  </tbody>
</table>
</div>

在这里尝试一些基本的jQuery和JavaScript.

该.width()给我一个整数值.该.css('min-width')给我一个值的结局px.因此我不能按原样做数学.推荐的工作是什么？

alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width());
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width'));
alert($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width'));

if ($('#<%=lstProcessName.ClientID%>').parent('.column4').width() >= $('#<%=lstProcessName.ClientID%>').parent('.column4').css('min-width')) {
  ...
}

致力于重新设计客户的内部网.我无法修改现有的HTML,只提供覆盖样式表.

在HTML中是一个正文内容包装器 - 每次调整窗口大小时,它都会获得一个明确的宽度和高度设置为与窗口宽度和高度内联:

<div id="s4-workspace" style="height: 660px; width: 1331px;">

现在,一些页面在这个内容包装器中有一个大表(至少1600px宽),当窗口小于此时,表突破容器,留下所有背景和填充.所有其他元素都遵循包装器宽度,在向右滚动时创建一大堆负空间:

有没有办法覆盖内联宽度并允许容器div #s4-workspace伸展到其内容？我最好的猜测是设置width: auto !important;,但chrome和firefox仍然优先考虑内联样式.任何帮助表示赞赏.

TLDR版本:

当我调整父级的大小时:

说明:

在Android应用程序中,我有一个父布局,里面有多个相对布局.

<LinearLayout
    android:id="@+id/parent"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

    <RelativeLayout
        android:id="@+id/child1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/transparent">

     </RelativeLayout>

    <RelativeLayout
        android:id="@+id/child2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/transparent">

     </RelativeLayout>
</LinearLayout>

这种布局的孩子们有一些文字和图片.我正在做的是以下内容:

当用户点击按钮时,我想折叠父线性布局(动画宽度直到它为0).我已经实现了这个功能:

public static void collapseHorizontally(final View v) {
    final int initialWidth = v.getMeasuredWidth();

    Animation a = new Animation()
    {
        @Override
        protected void applyTransformation(float interpolatedTime, Transformation t) {
            if(interpolatedTime == 1){
                v.setVisibility(View.GONE);
            }else{
                v.getLayoutParams().width = initialWidth - (int)(initialWidth * interpolatedTime);
                v.requestLayout();
            }
        }

        @Override
        public boolean willChangeBounds() {
            return true;
        }
    };

    // 1dp/ms
    long speed …

我想精确控制MATLAB中绘制的线条的粗细.不只是0.5,1,2,3 ......点,但例如0.2mm.可能吗？

导出设置窗口中有自定义线比例和最小线宽框但不起作用.

示例代码:

hf = figure;
ha = axes;
ha.Units = 'centimeters';

t = linspace(0,2*pi);
hl = plot(t,sin(t),'Linewidth',0.1);
axis tight

saveas(hf,'test','pdf')