草庐IT

cell_size

全部标签

html - HTML 表格中的文本框 : How to auto-size?

我想在我的HTML表格的底部(或顶部,等等)添加一行,每列都有一个文本框(以允许过滤每列的内容)。FWIW,该表基于jQueryDataTables插件。问题是文本框加宽了列。我希望每个文本框都填充其列的宽度而不扩大它。我该怎么做? 最佳答案 尝试获取父td的宽度。 关于html-HTML表格中的文本框:Howtoauto-size?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions

html - 如何在不使用 CSS 'table-cell' 属性的情况下在 IE7 中垂直对齐文本?

我有固定高度的div,其中包含文本。我希望文本在div的中间垂直对齐,但问题在于有些文本是单行的,有些文本本身分为两行。对于IE8、Chrome和Firefox,使用display:table-cell和vertical-align:middle提供了我需要的解决方案:JSFiddleishere.去掉width:300px上的星号可以看到当文本在一行时的格式。但是,IE7不支持display:table-cell属性。我发现的唯一解决方案仅适用于单行,而不适用于可能为1或2行的文本。在不使用任何脚本的情况下,我如何才能像在更现代的浏览器中那样在IE7中显示它?

html - JSF h :dataTable creates single empty cell when no records

有什么方法可以防止h:datatable在支持值为空时创建空行?进一步来说:我有一个数据集合,要显示在带有列标题的h:dataTable的3列中。thead始终需要显示,无论列表中是否有元素。这工作正常,但是当列表中没有元素时,会在tbody中创建一个空行/单元格。有没有办法防止这种情况?谢谢!来自支持bean的示例方法。为了进行测试,我尝试返回null或空列表。两者的结果相同。publicListgetLocations(){returnnull;}JSF片段:Address#{nearestLoc.adddress}Distance#{nearestLoc.distance}Hou

html - 半个像素在 font-size CSS 属性中意味着什么?

我目前正在重新设计网站,并且我正在从一家机构那里收到一份包含所需更改的list。站点的头部菜单目前有以下样式:line-height:1em;font-size:11px;在我收到的一份文件中有一个更改请求,要求我将这些样式更改为:line-height:1.2em;font-size:11.5px;我知道EM可以使用十进制值,但半个像素在字体大小中意味着什么?我尝试使用检查器将字体大小从12更改为11.5和11以及从11的更改>到11.5是可见的,但是从11.5到12它移动了一点点(我变薄了,只是间距改变了一点,但它在所有3个示例中都设置为1em)。您可以查看以下屏幕截图:那么,在网

html - `display: table-cell` 宽度是如何计算的?

这个问题出自thisexistingquestion我提供了解决方案,但无法解释原因。我已经将他们的fiddle精简到只剩骨架,并具有以下HTML/CSS:cell1cell2.table{display:table;}.cell-1,.cell-2{display:table-cell;padding:6px12px;border:1pxsolid#ccc;}.cell-1{padding:6px12px;background-color:#eee;border-right:0;border-radius:4px004px;width:1%;/****FOCUSHERE****/}.

html - 为什么我的不显示: table-cell element fill available space?

更新-我决定不使用JavaScript解决方案。确保它始终有效的唯一方法是将其放入每隔几秒运行一次的setInterval()中。不想那样做。我知道这个CSS是可行的,我已经看到它起作用了。如果它结束,我将重新打开赏金,大约150。我有一个由两部分组成的模态弹出窗口:左侧和右侧。在这两个部分中,上方是标签,下方是内容。标签固定在一定数量的像素,但底部区域需要能够填充剩余空间,所以我在左右两侧使用display:table和display:table-cell在内节上实现“填充剩余空间”的效果。它在Chrome和Safari中运行良好。这是CSS:#tagBoxLeft,#tagBoxR

html - 在 table-cell 元素中使用 float 属性将先前的内容向下滑动

我尝试在具有display:table-cell属性的元素内使用floatdiv,但我遇到了意外行为。为什么第一列的元素会受到第二列元素的影响(第一列的a突然下移了)?有什么办法可以防止这种行为吗?.table{display:table;}.cell{display:table-cell;}.cella{padding:.5em;border:.1emsolidblack;}.cell+.cella{float:left;}cell1cell2cell2 最佳答案 迷人的行为。我有几个理论。虽然我同意使用display:table

html - 在一行中声明所有 CSS 背景属性——尤其是 background-size

这是我的代码:background:url(images/my-image.png)no-repeatcentercenter/cover;这在Chrome和Firefox上运行良好,但出于某种原因在Safari上运行不正常?我曾经在它自己的行上声明我的background-size但据我所知,应该可以使用正斜杠在一行中声明所有属性?任何帮助将不胜感激。谢谢。 最佳答案 由于一行简写代码对于safari浏览器来说似乎是未知的封面含义:background:url(images/my-image.png)no-repeatcenter

相当于 "font size+2"的 HTML 样式标签

临时增加字体大小然后恢复正常的新“样式”方法是什么(不使用CSS,或者CSS是更好的方法?)。我想在文本中插入一个希伯来语单词,对于初学者来说,希伯来语字体太小了。我总是希望它比当前的字体大小大,而不是与某些特定大小Hook。下面的第1行有效(旧的做事方式)。第2行的修复是什么?Thisisnormal.biggerbacktonorm.andalsobigger. 最佳答案 我会创建一个类(比如.hebrew)并将字体大小属性设置为1.2em。这样,无论周围文本的字体大小如何,带有希伯来语类的文本都会大20%。.hebrew{fo

html - 如何将 background-size 设置为 "cover",再加上 CSS 中的更多内容?

我有一个固定高度为850像素的容器。我想要一个背景图片,它可以在所有缩放级别覆盖整个背景。我会使用background-size:cover但是,我需要它比cover大一点。为了创建视差,我希望一些背景从容器中渗出并且看不见。基本上,我如何使用background-size:cover,并在此基础上稍微增加尺寸?编辑:忘了说我也在使用background-attachment:fixed,所以如果我没记错的话,它实际上是通过浏览器窗口的大小(?)而不是850像素高的容器。在这种情况下,我将如何添加额外的出血? 最佳答案 只需使用ba