草庐IT

javascript - 如何使用 jquery 获取 "br"元素的高度?

我尝试获取的高度在我的网页上。我使用这个片段。br_size=$('br').height();console.log(br_size);但只有MozillaFirefox像这段代码一样,所有其他浏览器都会返回0。是否有一个简短的JS代码可以让我返回正确的高度?PS:我用这个方法,因为我知道需要的尺寸X是X=other_size-4*br_size 最佳答案 换行符取决于HTML/BODY标签中指定的行高,如果未指定,则浏览器可能会使用自己的。但是,如果您指定行高,例如20px,则换行符应为20px。您或许可以使用JavaScrip

html - 内部 div 需要 100% 高度

这是我的HTML:容器是100%高度(我用Firebug检查过)。但是#left_container也需要100%,但事实并非如此!下面是我的CSS和一个screenshot.黄色应为100%。黄色是#left-container的背景html,body{height:100%;}#container{position:relative;margin:0auto;width:100%;height:100%;height:auto!important;min-height:100%;background:#fff;}#left-container{width:300px;backgro

html - 内部 div 需要 100% 高度

这是我的HTML:容器是100%高度(我用Firebug检查过)。但是#left_container也需要100%,但事实并非如此!下面是我的CSS和一个screenshot.黄色应为100%。黄色是#left-container的背景html,body{height:100%;}#container{position:relative;margin:0auto;width:100%;height:100%;height:auto!important;min-height:100%;background:#fff;}#left-container{width:300px;backgro

firefox - 使用斜体时line-height和实际高度冲突

我有以下问题:我有一个行高为18像素、字体大小为16像素的span元素。当里面的文本不是斜体时,这很有效;跨度保持18像素高。当span中的文本为斜体或粗体时,就会出现问题。由于某种原因,跨度元素的高度增加了一个像素,我得到了一个19像素高的跨度。此问题仅在firefox上出现。IE、Safari、Opera和Chrome没有这个问题。无论如何,跨度都保持18像素高。有没有人遇到过这个问题?这是有问题的代码:span{font-size:18px;line-height:18px;}span.italicSpan{font-style:italic;}这里有一个例子:http://ed

firefox - 使用斜体时line-height和实际高度冲突

我有以下问题:我有一个行高为18像素、字体大小为16像素的span元素。当里面的文本不是斜体时,这很有效;跨度保持18像素高。当span中的文本为斜体或粗体时,就会出现问题。由于某种原因,跨度元素的高度增加了一个像素,我得到了一个19像素高的跨度。此问题仅在firefox上出现。IE、Safari、Opera和Chrome没有这个问题。无论如何,跨度都保持18像素高。有没有人遇到过这个问题?这是有问题的代码:span{font-size:18px;line-height:18px;}span.italicSpan{font-style:italic;}这里有一个例子:http://ed

html - 使用 cols/rows 或 style-width/height 来指定文本区域的尺寸?

这个问题在这里已经有了答案:ShouldIsizeatextareawithCSSwidth/heightorHTMLcols/rowsattributes?(13个答案)关闭8年前。在指定HTML文本区域的尺寸时,什么被认为是最佳实践?仅使用cols/rows(我认为对于htmlstrict4.01是强制性的)或使用css属性指定宽度和高度?或者甚至设置cols/rows的有效性,然后使用css覆盖实际大小?

html - 使用 cols/rows 或 style-width/height 来指定文本区域的尺寸?

这个问题在这里已经有了答案:ShouldIsizeatextareawithCSSwidth/heightorHTMLcols/rowsattributes?(13个答案)关闭8年前。在指定HTML文本区域的尺寸时,什么被认为是最佳实践?仅使用cols/rows(我认为对于htmlstrict4.01是强制性的)或使用css属性指定宽度和高度?或者甚至设置cols/rows的有效性,然后使用css覆盖实际大小?

javascript - 如果我设置 min-height 和 max-height,哪个优先?

我有一个菜单,有9个元素。我希望按钮高度为屏幕尺寸的40px或11%(屏幕的1/9)。不管是最大的。现在我有:min-height:40px;max-height:11%;它总是40px。即使我的屏幕尺寸比那个大。我可以在css上实现它还是必须使用javascript?谢谢。编辑JSFiddle为了它。@JefferyKhan是对的,这解决了它。我有一个不同的元素来插入它。谢谢! 最佳答案 min-height通常是设置的任何东西的高度,除非有东西导致它扩展超过它,例如div的内容。尝试以下操作:min-height:40px;he

javascript - 如果我设置 min-height 和 max-height,哪个优先?

我有一个菜单,有9个元素。我希望按钮高度为屏幕尺寸的40px或11%(屏幕的1/9)。不管是最大的。现在我有:min-height:40px;max-height:11%;它总是40px。即使我的屏幕尺寸比那个大。我可以在css上实现它还是必须使用javascript?谢谢。编辑JSFiddle为了它。@JefferyKhan是对的,这解决了它。我有一个不同的元素来插入它。谢谢! 最佳答案 min-height通常是设置的任何东西的高度,除非有东西导致它扩展超过它,例如div的内容。尝试以下操作:min-height:40px;he

html - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-