草庐IT

row-height

全部标签

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-

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-

html - Bootstrap 3.2 : How to make 3 columns containing text in another div same height?

使用Bootstrap3.2,我有一个网站部分包含三个div(.col-lg-3box),其中包含不同数量的文本。我希望它们都延伸到包含div(.row)的底部。我正在使用的CSS文件的链接在这里:https://github.com/ttmjason/GazoomTravel/blob/master/css/bootstrap.css.我在StackExchange上看到的这个一般问题(容器中相同高度的div)的答案要么不使用Bootstrap,要么语法过时。如果您可以将我链接到一个完美反射(reflect)我的SxE问题,我会很乐意接受否决票以换取答案。JoinITA-->Newc

html - Bootstrap 3.2 : How to make 3 columns containing text in another div same height?

使用Bootstrap3.2,我有一个网站部分包含三个div(.col-lg-3box),其中包含不同数量的文本。我希望它们都延伸到包含div(.row)的底部。我正在使用的CSS文件的链接在这里:https://github.com/ttmjason/GazoomTravel/blob/master/css/bootstrap.css.我在StackExchange上看到的这个一般问题(容器中相同高度的div)的答案要么不使用Bootstrap,要么语法过时。如果您可以将我链接到一个完美反射(reflect)我的SxE问题,我会很乐意接受否决票以换取答案。JoinITA-->Newc