草庐IT

max_height

全部标签

html - 给 div 一个样式 ='height:100%' 是什么意思?

SO相关的问题很多,不过我扫的都是针对具体具体情况的。我想知道的是,在概念层面上,说:100%有多高?什么是100%?[编辑]追问:如果100%代表parent的高度,但是parent是,除了div的高度之外没有其他高度,那是什么意思呢?它似乎是递归定义的。 最佳答案 父容器高度的100%。参见此处:http://jsfiddle.net/6VRn6/如果要使用此方法使div成为页面高度的100%,则必须将高度指定为body和html的100%。body,html{height:100%;}当您没有指定html或body高度时,它们

HTML CSS 格式 : table row inherit content height

如何格式化表格行以继承内容的高度?我希望有类似的东西我试过了table{table-layout:fixed;width:700px;}但那是行不通的 最佳答案 通常,表格将继承内容的高度,前提是列具有使用总表格宽度的百分比或绝对像素“px”定义定义的宽度。此外,请确保表格行没有指定高度,即“高度:30像素”。代码解决方案:table{width:700px;}tabletrtd{width:350px;height:auto;} 关于HTMLCSS格式:tablerowinheritc

html - line-height属性可以继承父div的height属性还是access所属div的height属性?

我有一个高度为50px的div,其中包含一个子div。子div的高度通过使用css属性/值对继承自父级:height:100%。SomeText我想垂直对齐子div中的文本,为此我将line-height属性添加到子div。SomeText请注意,对于line-height,我必须将高度明确定义为50px。子div可以继承父级的height属性(使用height:100%)但是line-height我必须明确设置值吗?如果是这样,这(IMO)有点乱,因为假设我有一个嵌套10层深的div,它一直继承height属性.然后,如果我想垂直对齐此div中的文本,我不仅必须硬编码该值等于最上层父

html - 使用 max-height 和 max-width 垂直居中图像

我有以下html代码:使用这些样式,宽度大于400像素的图像会调整大小但仍保留在div的顶部。有没有办法让它们垂直居中? 最佳答案 CSS:div{border:3pxsolidcoral;width:400px;height:400px;background:#d4d0c8;line-height:400px;text-align:center;}img{max-width:400px;max-height:400px;vertical-align:middle;}参见demofiddle.

html - Min-width, max-width css 使用最小宽度

好的,所以我希望做的是创建一个DIV,它会根据其中的内容自动调整大小,但它应该使用尽可能小的宽度。我不知道如何做到这一点。所以,如果我有一个包含3个字符的DIV标签,这无疑小于200px宽,那么我想要的是div为200px。如果有更多文本,我希望它自动调整大小,以便文本适合。**仅使用***CSS*这可能吗?******更新**让我看看是否可以更好地解释这一点。我有一个DIV:+++++++++++++++++++++++++++++++++|-------------------------------||-----textthislongertext-----||---------

html - 如何在 IE8 中使用 height 100%

我正在尝试使用css属性高度100%以便div占用浏览器中的所有可用空间。我可以让它与Chrome和Firefox一起工作,但不能与IE8一起工作。实际上,我知道在IE8中,高度100%意味着直接父级大小的100%,这与Firefox或Chrome不同,后者意味着可用空间的100%。我想出了这个样本http://jsfiddle.net/GdqjK/html,body{margin:0;padding:0;bottom:0px;height:100%;}.grid{display:table;width:100%;}.tablerow{display:table-row;}.table

html - div 上的滚动条溢出 :auto and percentage height

是否可以创建一个div来适应浏览器的大小并且还可以滚动?我想在div和90%的百分比高度上使用overflow:auto。页面的结构是headerinfocontentwhichisreplaceddynamicallyoverflow:auto是否可以在层次结构中某处没有已知px高度的情况下工作? 最佳答案 在回答您的问题时,是的,overflow:auto会起作用,但您还需要在HTML标记上使用height:100%:html,body{height:100%;margin:0;}#header{height:100%;}#co

php - 为什么是 "Max made me put this here"?

每个MediaWiki都有一个load.php.如果不带参数调用它返回:/*Nomodulesrequested.Maxmademeputthishere*/作为一个好奇的程序员,我想知道:他为什么要这样做?我确信在像这样的大项目中有一个很好的理由。在我看来,将空文件返回给ajax查询或类似的东西是不好的。顺便说一句:通常它是用这样的参数调用的:load.php?debug=true&lang=de&modules=user.options&only=scripts&skin=modern&user=pi&* 最佳答案 此消息来自R

javascript - CSS 中的 jquery.height() 和 float 参数

我注意到jquery.height()函数有一个奇怪的行为。看看下面的代码。CSS:div.text-field{font-family:sans-serif;margin:3px;float:left;}HTML:texthereJS:console.log($("someid").find("text-holder").height());如果我在CSS文件中有float:left;,最后一行输出0,如果我删除float:left;,则输出实际高度>。这种行为的原因是什么?我可以将height()函数与float:left;一起使用吗? 最佳答案

html - <td> 不遵守 `width` 或 `max-width` 属性?

我有一个表格显示有关事件时间跨度的一些信息,并且该特定信息位于嵌套表格中。截图如下:这是包含嵌套表(请忽略RAZOR逻辑):AllDay?@(item.AllDay.HasValue&&item.AllDay.Value==true?"Yes":"No")@*ShoulddisplayStartTime&EndTimeifAllDay==true??*@StartTime@item.StartTimeEndTime@item.EndTime在嵌套表上,我有以下样式:style="width:100%;table-layout:fixed;white-space:nowrap;"在每个左