标签: height

我想知道这是否可能与简单的CSS或如果我必须使用javascript为此？

我的网站上有一个侧边栏.一个简单的div#sidbar它通常高约1024px,但由于它的内容,高度会动态变化.

让我们想象一下以下情况:

<div id="sidebar">
   <div class="widget"></div> //has a height of 100px
   <div class="widget"></div> //has a height of 100px
   <div id="rest"></div> //this div should have the rest height till to the bottom of the sidebar
</div>

我希望div#rest填充侧边栏的其余部分,直到它到达div#sidebar的底部.

纯css有可能吗？

在将元素附加到DOM之前,有没有办法获得元素的高度？我知道clientHeight不能正常工作,它总是返回0.还有其他方法可以返回高度,或者元素必须是DOM的一部分才能计算高度？

这是我想要的样本:

function test(a) {
    var a=document.createElement(a)
    a.style.top=(window.innerHeight/2-a.clientHeight/2)+'px' //fixed position in CSS
    document.body.appendChild(a)
    }

*注意:这只是我正在处理的函数的简化版本,以便在没有所有不必要的混乱的情况下投影我想要实现的功能.

我想用jQuery为div设置相同的高度.所有div可能具有不同的内容量和不同的默认高度.以下是我的html布局示例:

<div class="container">
    <div class="column">This is<br />the highest<br />column</div>
    <div class="column">One line</div>
    <div class="column">Two<br />lines</div>
</div>
<div class="container">
    <div class="column">One line</div>
    <div class="column">Two<br>lines</div>
    <div class="column">One line</div>
</div>

我正在使用下一个jQuery函数设置高度:

$(document).ready(function(){

    var highestBox = 0;
        $('.container .column').each(function(){  
                if($(this).height() > highestBox){  
                highestBox = $(this).height();  
        }
    });    
    $('.container .column').height(highestBox);

});

这工作正常,但不是我的情况,因为我希望所有'列'只在一个'容器'内相等.这意味着在第一个容器中,所有框必须与第一个div一样高,但在第二个框中,它们必须等于第二个列.

所以问题是 - 我应该如何修改我的jQuery才能达到这个目标？

谢谢!

我有原型单元的tableview,在单元格中我有imageview和一些文本.文本标签是原型单元格中的一个,但有时它不止一行,我在服务器调用后将数据加载到表视图中.故事板行中的标签设置为0,换行符设置为Word Wrap.我也试过http://candycode.io/automatically-resizing-uitableviewcells-with-dynamic-text-height-using-auto-layout/

但没有效果.如果我在UITableView中使用自动布局用于动态单元格布局和变量行高度 一切正常,因为标签文本是预定义的,但是我从服务器加载数据并在API调用后重新加载tableView,然后标签就是一条线.

pxCSS width和height属性接受的最大有效值是多少？

(我目前正在构建一个创建一个非常大的可缩放容器元素的webapp,我想知道实际的限制是什么.)

我有一些div,当页面准备就绪时设置为绝对位置(CSS),并相对于另一个固定的div定位,哪个工作正常.但是,在加载页面并设置所有内容之前,如果页面调整大小,那些绝对div不会跟随更改,移动到其他位置,我认为它们相对于屏幕的顶部和左侧给出了值.

我用作起点的相对div的位置来定位绝对的位置也可以相对于它上面的位置改变位置.

有没有办法监听浏览器的宽度/高度的变化,以使这些div保持在正确的位置.

提前致谢!

我想让导航视图的顶部变小一些.你会如何实现这一目标？这是我到目前为止所尝试过的,但正如你所看到的,即使我使导航栏变小,它曾经占据的区域仍然存在(黑色).

[window addSubview:[navigationController view]];
navigationController.view.frame = CGRectMake(0, 100, 320, 280);
navigationController.navigationBar.frame = CGRectMake(0, 0, 320, 20);
navigationController.view.backgroundColor = [UIColor blackColor];
[window makeKeyAndVisible];

我的网站上有一个div应该是窗口的高度.这就是我得到的:

    $(document).ready(function() {
    var bodyheight = $(document).height();
    $("#sidebar").height(bodyheight);
});

但是,调整窗口大小时它不会自动更改？有没有人知道如何解决这个问题？

谢谢

我想以编程方式更改UITextView的高度约束,因此我将约束设置为我的控制器中的插座,如下所示:

@property (strong, nonatomic) IBOutlet NSLayoutConstraint *descriptionHeightConstraint;

要更改它,我执行以下操作:

self.descriptionHeightConstraint.constant = self.description.contentSize.height;

这是有效的,如果我在viewDidAppear中这样做,但问题是我可以看到高度在显示的视图之后如何变化,这不是非常用户友好所以我尝试在viewWillAppear中进行但是在那里没有工作,高度没有改变.更改约束后调用setNeedsUpdateConstraints也不起作用.

为什么在viewDidAppear中工作而不在viewWillAppear中工作？任何解决方法？

提前致谢!

我试图创建一个集合视图,单元格显示可变长度的字符串.

我使用此功能来设置单元格布局:

 func collectionView(collectionView : UICollectionView,layout collectionViewLayout:UICollectionViewLayout,sizeForItemAtIndexPath indexPath:NSIndexPath) -> CGSize
    {
        var cellSize:CGSize = CGSizeMake(self.whyCollectionView.frame.width, 86)
        return cellSize
    }

我想做的是cellSize.height根据我的cell.labelString.utf16Count长度操纵.基本的逻辑就是那个

if((cell.labelString.text) > 70){
   cellSize.height = x
}
else{
   cellSize.height = y
}

但是,我无法设法检索始终返回nil的单元格标签字符串长度.(我认为它尚未加载......

为了更好地理解,这里是完整的代码:

// WhyCell section
    var whyData:NSMutableArray! = NSMutableArray()
    var textLength:Int!
    @IBOutlet weak var whyCollectionView: UICollectionView!

//Loading data
    @IBAction func loadData() {
        whyData.removeAllObjects()

        var findWhyData:PFQuery = PFQuery(className: "PlacesWhy")
        findWhyData.whereKey("placeName", equalTo: placeName)

        findWhyData.findObjectsInBackgroundWithBlock({
            (objects:[AnyObject]!,error:NSError!)->Void in

            if (error == nil) {
                for object in objects { …