css-tables_编程技术问答社区_程序员问答知识库

以下是关于 css-tables 的编程技术问答

这是可能的吗? 我的代码在Firefox上起作用.我还可以让Webkit更改悬停在悬停的其他属性(例如背景颜色等)，但是盒子阴影没有生效: tr:hover { -webkit-box-shadow: 0px 2px 4px #e06547; -moz-box-shadow: 0px 2px 4px #e06547; box-shadow: 0px 2px 4px #e06547; background-color: #d4d5d6; } 解决方案在这里回答: tr您应该将td元素与伪类组合样式:first-child和:last-child组合.准备tr:hover将为您带来努力: tr:hover td { -moz-box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 4px 2px -3px rgba(0, 0,

0 2023-11-30 编程技术问答社区 css webkit css-tables

理解可见性：根据W3C文档，在表列上折叠

来自W3C的动态行和柱效应此折叠值导致整个行或列从显示屏中删除，并且通常由行或列占用的空间可用于其他内容. 我了解的是，如果我做类似下面的摘要之类的事情，结果应该是: ，但它显示出: 在 table tr td { visibility: collapse; } .red { background-color: red; } /* All the below don't work as well. */ table tr td:first-child { visibility: collapse; } table colgroup col { visibility: collapse; } table colgroup { visibility: collapse; } /* Works but I am trying to understand the why the colu

0 2023-11-26 编程技术问答社区 css css-tables w3c

在HTML5表格中，什么可以取代cellpadding、cellpacing、valign和align？

在 Visual Studio 中，我看到了这些警告: 验证(html 5):属性'cellpadding'不是元素'table'的有效属性. 验证(html 5):属性'cell -spacing'不是元素'table'的有效属性. 验证(html 5):属性'valign'不是元素'td'的有效属性. 验证(html 5):属性'align'不是元素'td'的有效属性. 如果它们在 html5 中不是有效的属性，则在CSS中取代它们? 解决方案 /* cellpadding */ th, td { padding: 5px; } /* cellspacing */ table { border-collapse: separate; border-spacing: 5px; } /* cellspacing="5" */ table { border-collapse: collapse; border-spacing: 0; } /* cellspa

6 2023-11-20 编程技术问答社区 html css visual-studio css-tables

内容垂直居中

我如何在引导程序中垂直将身体整体含量集中? 我有两行.我尝试了显示:table-cell，但行停留在同一行(对不起，笑话). html [...] [...] css html, body, .container-table { height: 100%; } .container-table { display: table; } .vertical-center { display: table-cell; vertical-align: middle; } 有任何建议? 解决方案尝试将两个行包裹

0 2023-11-18 编程技术问答社区 css twitter-bootstrap vertical-alignment css-tables

错误css：在有输入文本和图像的td中垂直对齐

我有一个带有2个项目的单元格(输入文本和图像)的表.我试图垂直对齐，但不起作用. 我尝试使用vertical-align:middle，保证金顶，填充，尝试设置高度:100％等... 代码简单: Origen Centro Usuario oficina

2 2023-11-18 编程技术问答社区 html css vertical-alignment css-tables

如何在表格单元格中垂直对齐图像和文本？

我试图使文本位于右侧，并垂直与图像对齐.我该怎么做? 我当前的代码: 在 text 解决方案使用CSS3 : 来自文档: 在页面上提供了元素的布置当页面布局必须容纳时，元素的行为可以预见不同的屏幕尺寸和不同的显示设备.对于很多应用程序，灵活的框模型可改善块模型不使用浮子，也不使用弹性容器的边缘与其内容的边缘崩溃. 您的示例带有右边的中心文本看起来像这样在 #pageElement{display:flex; flex-wrap: nowrap; align-items: center}

0 2023-11-18 编程技术问答社区 html css vertical-alignment css-tables

CSS3 display: table | cell & float?

我在其中设置了一个长的Div容器，并将其设置为display:table-cell; vertical-align: middle. 我对垂直对齐的结果感到非常满意，但是: 我不知道这3个divs的宽度，我希望其中一个位于Div容器的右侧(当然减去填充)， float: right不适用于display: table-cell. 这是一个例子(我想向右浮动金色divs).我不能使用JS.我需要它在IE7+或IE8+的IE7中工作.有提示/想法吗? http://jsfiddle.net/cz7th/2/2/2/ 解决方案我不知道这与IE7或8一起使用，但是我通过组合width: 1px，width: auto和white-space: nowrap来做到这一点.将表布局中的所有细胞定义为单像素宽，但可以防止包裹；然后在要向右漂浮的填充单元之前添加一个空填充单元. http://jsfiddle.net/wz96p/ 似乎与Chrome，Op

0 2023-11-18 编程技术问答社区 css-float vertical-alignment css-tables

竖直|与显示表格中间对齐|单元格在图像上不起作用

我试图使用垂直偏式:中间在垂直中心的中间，有时是文本，有时是图像，但它仅在文本上使用.谁能告诉我为什么? html: text CSS: div{ width:200px; height:200px; background-color:red; display:table; margin:10px; } img, span{ display:table-cell; vertical-align:middle; } http://jsfiddle.net/9ud8m/我创建了一个小提琴Aswell 解决方案在您的img, span标签上put border: 1px solid black，然后在浏览器开发器

0 2023-11-18 编程技术问答社区 css vertical-alignment css-tables

为什么width: 100%在div {display: table | cell}上不起作用？

我正在尝试垂直和水平居中一些覆盖图像幻灯片(FlexSlider)的内容.与这个问题有一些类似的问题，但是我找不到直接适用于我的特定问题的令人满意的解决方案.由于Flexslider的局限性，我无法在IMG标签上使用position: absolute;. 我几乎在工作下都有解决方法.唯一的问题是，我无法获得与display: table-cell属性一起在inner-wrapper div上工作的宽度和高度声明. 是这种标准行为，还是我缺少代码?如果是标准行为，那么解决我的问题的最佳解决方案是什么? html My Title Subtitle

0 2023-11-18 编程技术问答社区 html css vertical-alignment flexslider css-tables

垂直对齐与绝对定位

在以下代码中，我试图使绿色div.middle元素中的元素垂直与中间保持一致. 我已经尝试了表格方法，但无法使其正常工作.我听说这是由于绝对定位造成的，并且尝试了这种解决方案而没有运气: css-垂直偏好台式电池不使用位置绝对这似乎是由于.table -cell没有高度 - 我希望它的高度等于其母容器，该容器的高度变化. jsfiddle: http://jsfiddle.net/q5jkm/1/ 有人知道一种使绿色div.middle元素垂直与中间保持一致的方法吗?任何方法都会做.它只需要能够处理其可变高度即可.只有CSS可以吗?还是我必须加一点jQuery? 编辑: Box-Align也不是由于浏览器支持而被新标准替换的可行解决方案. CSS html,body{height:100%;margin:0} #sidebar { width: 22em; position:fixed; top: 0;

0 2023-11-18 编程技术问答社区 css vertical-alignment css-tables

垂直对齐的表格单元格在绝对位置时不工作

http://jsfiddle.net.net/fqv97/ html My text, should be align middle CSS .table-cell { height: 200px; width: 200px; vertical-align: middle; background: #eee; display: table-cell; position: absolute; } 问题文本应放在我的"表单元格"的中间.一切都按预期工作，直到我添加"位置:绝对".现在它不能再将我的内容放在中间了吗?为什么不?它仍然知道我的身高和宽度，因为我将其设置在CSS中. 有什么聪明的解决方法? 解决方案在我添加"位置:绝对"之前，一切都按预期工作.现在它不能再将我的内容放在中间吗?为什么不呢? posit

2 2023-11-18 编程技术问答社区 css vertical-alignment css-tables

Mac/PC上的字体渲染/线条|高度问题（元素外）。

设计信息小部件内容应在中间垂直对齐: 编码设计 Windows:Chrome 20/ff 14/IE 9 Mac(Lion/Mt. Lion):Chrome/ff 代码 html 82° / 89° Thunderstorms

0 2023-11-18 编程技术问答社区 html vertical-alignment css css-tables

Bootstrap中的响应式表格问题

我试图在bootstrap响应中使我的桌子响应.我的问题是，当窗口大小变小时...我必须滚动页面本身而不是表.我想做到这一点，以便桌子滚动而不是页面.我已经在Bootstrap中使用了响应式样式作为响应表 html: User Email Phone Options

4 2023-10-30 编程技术问答社区 html css twitter-bootstrap twitter-bootstrap-3 css-tables

(响应式)表的宽度不适合ios safari上iframe内的容器

我在iPhone的Safari上渲染iframe内部渲染表. 这是一个例子: http://jsfiddle.net/qb86ojms/ 如果您在桌面浏览器(尺寸较小)或Android Chrome上运行它，则可以很好地运行.该表不会超过其容器. 但是，在iPhone上，它无法正常工作. P.S.创建此响应表的方法只是我在Google上找到的一个示例.我之所以使用它，是因为我更容易显示出遇到的问题.我实际上使用bootstrap响应表.实际上，在iPhone上都没有工作.因此，我认为桌子的响应方式无关紧要.问题应该更多地是关于如何将表格宽度迫使100％匹配容器的宽度. 我尝试过但行不通的东西: 1. table{ table-layout: fixed; } 添加溢出:隐藏在表中. 将表格宽度调整为iframe完成加载后的100％. 解决方案基于这篇文章，如何在iOS Safari中获得iframe? 我添加到样式表

8 2023-10-29 编程技术问答社区 ios css iframe twitter-bootstrap-3 css-tables

让表的行的背景延伸到表的边界之外

我目前正在尝试创建一个带有斑马条纹的表更具体地说，我正在使用bootstrap，所以我想要的是表行的内容，就像它们在.container中一样. 本质上，我正在尝试创建一个表现如下的表: Testing Testing Testing Testing ... table, tr { width: 100%; } tr:nth-child(odd) { backgro

4 2023-10-28 编程技术问答社区 html css twitter-bootstrap html-table css-tables

Bootstrap表格中充斥着长长的没有间距的文字

我正在使用bootstrap，我有一张带有几列的表，其中最后一个有时有一个没有空格的文本.我注意到，在某些屏幕尺寸下，该表将溢出其父级，并与其兄弟姐妹表造成丑陋的重叠. 我与之一起玩了，我认为问题与文本没有规模有关.我创建了一个 jsfiddle 这表明了我的意思. 您可以看到，最左上的表的行为良好，只是垂直生长以容纳更多文本.但是，左下表导致右侧的溢出，这是因为较长的未空格文本和左下表的右列在其兄弟姐妹下方"下方". 有人有什么技巧关于我如何解决此问题，以便将非常长的文本剪切或部分分配到新线路上? 解决方案 .the-table { table-layout: fixed; word-wrap: break-word; } 弃用(即word-wrap) 将以下样式添加到您的 .the-table { table-layout: fixed; over-flow: break-word; } 然后

4 2023-10-28 编程技术问答社区 css twitter-bootstrap css-tables

css表格--避免表格单元格的包装

我正在JavaScript中创建一种棋盘游戏.木板的图像放在桌子内.我曾经使用html 标签来执行此操作.但是，我确信，由于该表并不真正包含数据，我应该真正使用元素来可视化. ... ... 要按照表格的方式格式化它们，我正在使用以下CSS. .mytable{ display:table; width:auto; border

2 2023-10-14 编程技术问答社区 css html-table tablelayout css-tables

CSS "display: table | column "应该如何工作？

鉴于以下HTML和CSS，我在浏览器(Chrome and ie最新写作时)绝对看不到.一切崩溃到0x0 px.为什么? section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; background-color: red; } #row1 { display: table-row; height: 100%; } #row2 { display: table-row;

2 2023-10-14 编程技术问答社区 css tablelayout css-tables

如何使表格单元格CSS在IE6/7中正常呈现？

我的网站在IE8/firefox/chrome中呈良好显示，但我不知道如何使其与IE合作. 相关的CSS: #maincontent { display: table; } #content { display: table-cell; width: 620px; padding-left:4%; padding-right: 22px; padding-bottom:15px; } #sidebar { display: table-cell; width: 300px; } #content和#sidebar在#maincontent中.在IE6/7上，将在#content下.我尝试使用float将侧边栏设置为display:block，然后在IE6/7中呈罚款，但所有其他浏览器都会被拧紧.我如何获得此设置? 解决方案来自 w3schools : 没有Internet Expl

4 2023-10-04 编程技术问答社区 html css styling css-tables

如何使表格的第一列和第二列具有粘性？

我有一个div with属性 ` 在此div i内有table具有类views-table的table，该表具有100％的宽度，这使其是父级div:_body_container滚动.我想修复该表的第一列和第二列在左右滚动事件发生_body_container 时，在他们的位置上结构就像: 解决方案假设每个部分都是元素... CSS table { position: relative; padding-left: (width-of-your-td-elements); } table td:first-of-type { position: absolute; left: 0; } 尝试一下.已经晚了，我喝醉了，所以我不

10 2023-09-29 编程技术问答社区 javascript jquery css css-tables sticky

首页
<
1
2
3
4
5
6
7
8
>
尾页