标签: height

我想在EditText旁边放一个按钮,我希望它们的高度匹配.

例如,从内置的Android浏览器:

Go按钮与EditText字段的高度相同.我知道我可以在父布局视图中包装这两个视图,并将它们的高度设置为fill_parent,这将使它们匹配.但是,我想这样做而不必给布局一个静态大小.我希望EditText根据字体大小获取所需的任何高度,然后让它旁边的按钮匹配任何可能的高度.

这是否可以使用xml布局？

我正在寻找一个代码片段来获取浏览器窗口中可视区域的高度.

我有这个代码,但它有点被窃听,好像身体没有超过窗口的高度然后它回来短.

document.body.clientHeight;

我尝试过其他一些东西,但它们要么返回NaN,要么与上面相同.

有谁知道如何获得浏览窗口的真实高度？

我在这里寻找两个数字:纵向高度和景观高度.请勿以厘米或英寸为单位,而是以像素为单位.

对于动画,我需要知道视图的高度.问题是,除非绘制View,否则getHeight()方法总是返回0.那么有没有办法获得高度而不绘制它？

在这种情况下,View是LinearLayout.

编辑:我尝试从https://github.com/Udinic/SmallExamples/blob/master/ExpandAnimationExample/src/com/udinic/expand_animation_example/ExpandAnimation.java改编扩展动画

有了它,我想为列表项扩展一些更多的信息.我无法通过xml实现相同的效果.目前,当您在绘制之前知道布局大小时,动画才会起作用.

我有一个div,height: 100%;但它不起作用.当我宣布一个固定的高度(例如height: 600px;)它正在工作,但我想要一个响应式设计.

HTML:

<blink><div class="row-fluid split-pane fixed-left" style="position: relative; height: 78%;">
    <div class="split-pane-component" style="position: relative; width: 50em;">
        <div style="">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#html" data-toggle="tab">Html</a></li>
                <li><a href="#helpers" data-toggle="tab">Helpers</a></li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane active" id="html" style="height: 100%;">
                    <textarea id="htmlArea" style="height: 100%;">{{:html}}</textarea>
                </div>
                <div class="tab-pane" id="helpers" style="height: 100%;">
                    <textarea id="helpersArea">{{:helpers}}</textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="split-pane-divider" id="my-divider" style="left: 50em; width: 5px;"></div>
    <div class="split-pane-component" style="left: 50em; margin-left: 5px;">
        <div style="">
            <ul class="nav nav-tabs">
                <li>
                    <a href="#" …

我在屏幕顶部有一个10px的条,当点击时,我希望它的动画高度为40px,然后再次点击,动画回到10px.我尝试更改div的id,但它不起作用.我怎么能让这个工作,或者有更好的方法来做到这一点？

身体html:

<div id="topbar-show"></div>

CSS:

#topbar-show { width: 100%; height: 10px; background-color: #000; }
#topbar-hide { width: 100%; height: 40px; background-color: #000; }

JavaScript的:

$(document).ready(function(){
  $("#topbar-show").click(function(){
    $(this).animate({height:40},200).attr('id', 'topbar-hide');
  });
  $("#topbar-hide").click(function(){
    $(this).animate({height:10},200).attr('id', 'topbar-show');
  });
});

我知道这是一个常见问题,我查找了一些解决方案,但找不到我想要的内容.

我想转换此为表布局.

注意:页眉和页脚必须设置为固定高度(以像素为单位)(50px即可).

我遇到的主要问题是我无法在中间获得那个"大盒子",就像它完成表格一样.有一些解决方案适用于可变长度的内容(文本,图像),但我希望这个盒子看起来像一个盒子 - 边框,圆角和所有.

问题是,我有一个内容div,它在容器高度上伸展它的容器(容器和内容div有自动高度).

我想要背景容器,它是内容div的兄弟div来拉伸以填充容器.后台容器包含div以将背景分成块.

背景和容器div的宽度为100%,内容容器没有.

HTML:

<div id="container">  
    <div id="content">  
        Some long content here ..  
    </div>  
     <div id="backgroundContainer">  
         <div id="someDivToShowABackground"/>  
         <div id="someDivToShowAnotherBackground"/>  
    </div>  
</div>

CSS:

#container {
    height:auto;
    width:100%;
}

#content {
    height: auto;
    width:500px;
    margin-left:auto;
    margin-right:auto;
}

#backgroundContainer {
    height:100%;??? I want this to be the same height as container, but 100% makes it the height of the viewport.
}

我可以MediaStore.Images.Media正常获得图像宽度

但我需要从Dropbox中选择的图像中获取图像的宽度和高度

所以目前我有以下方法从Dropbox获取图像大小

private void getDropboxIMGSize(Uri uri){
    String size = Long.toString(new File(uri.getPath()).length());
    return size;
}

但我真正需要的是获取文件的宽度和高度值

有谁知道如何实现这一目标？请帮忙!

我确定以前曾以某种形式或其他方式询问过,但我找不到答案.

我有一些嵌套的div

<div class="parent">
    <div class="child">A</div>
</div>

并且孩子有显示:内联块和溢出:隐藏

.parent{
    background-color:red;
}
.child{ 
    background-color:green; 
    display:inline-block;
    overflow:hidden; 
}

它会像这样呈现:

您可以注意到父母比孩子高5px.

额外高度来自哪里？

以下是示例:http://jsfiddle.net/w8dfU/

编辑: 我不想删除display:inline-block或overflow:hidden,这是一个简单的例子来说明问题,但在我的真实布局中我需要它们.我只是想明白为什么会出现这个额外的高度.是否指定它应该是这样的？这是其他一些css功能的结果吗？