在Visual Studio中,我看到这些警告:
- 验证(HTML 5):属性"cellpadding"不是元素"table"的有效属性.
- 验证(HTML 5):属性'cellspacing'不是元素'table'的有效属性.
- 验证(HTML 5):属性'valign'不是元素'td'的有效属性.
- 验证(HTML 5):属性'align'不是元素'td'的有效属性.
如果它们不是HTML5中的有效属性,那么在CSS中替换它们的是什么？
我希望在同一行上有两个项目,左边的项目使用'float:left'.
单凭这一点我没有任何问题.问题是,即使你非常小的浏览器调整大小,我希望这两个项目保持在同一行.你知道......就像桌子一样.
无论如何,目标是保持右边的物品不被包裹.
那么如何告诉浏览器使用css我宁愿拉伸包含div而不是包装它以便float: leftdiv 在div之下div？
例如:我想要的:
\
+---------------+ +------------------------/
| float: left; | | float: right; \
| | | /
| | |content stretching \ Screen Edge
| | |the div off the screen / <---
+---------------+ +------------------------\
/
我正在尝试设计一些HTML/CSS,它可以在表格中的特定行周围放置边框.是的,我知道我不是真的应该使用表格进行布局,但我不知道足够的CSS来完全替换它.
无论如何,我有一个包含多行和多列的表,有些与rowspan和colspan合并,我想在表的各个部分周围放一个简单的边框.目前,我正在使用4个单独的CSS类(顶部,底部,左侧,右侧),我分别附加到表<td>的顶部,底部,左侧和右侧的单元格.
.top {
border-top: thin solid;
border-color: black;
}
.bottom {
border-bottom: thin solid;
border-color: black;
}
.left {
border-left: thin solid;
border-color: black;
}
.right {
border-right: thin solid;
border-color: black;
}<html>
<body>
<table cellspacing="0">
<tr>
<td>no border</td>
<td>no border here either</td>
</tr>
<tr>
<td class="top left">one</td>
<td class="top right">two</td>
</tr>
<tr>
<td class="bottom left">three</td>
<td class="bottom right">four</td>
</tr>
<tr>
<td colspan="2">once again no borders</td>
</tr>
<tr>
<td class="top bottom left right" colspan="2">hello</td>
</tr>
<tr> …我的页面上有很多行的表格.我想设置表的高度,例如500px,这样如果表的高度大于那个,就会出现一个垂直滚动条.我尝试使用CSS height属性table,但它不起作用.
我想在浏览器窗口的中心显示一个固定宽度的表格.现在我用
<table width="200" align="center">
但Visual Studio 2008在此行上发出警告:
属性'align'被认为是过时的.建议使用较新的结构.
我应该将哪种CSS样式应用于表以获得相同的布局？
我这里有两个div:
<div style="display:table-cell" id="div1">
content
</div>
<div style="display:table-cell" id="div2">
content
</div>
有没有办法在这两个div(有display:table-cell)之间留出空间？
是否可以在CSS中使用@page内的属性来表示如果表格分布在多个页面上,则应在每个页面上重复表头(th)？
在我的HTML文档中,我有一个包含两列和多行的表.如何用css增加第一列和第二列之间的空间？我试过申请"保证金权利:10px;" 到左侧的每个单元格,但没有效果.
我通常使用CSS规则margin:0 auto和960容器作为基于标准浏览器的内容,但我是HTML电子邮件创建的新手,我有以下设计,我现在想要在浏览器窗口中居中,而不使用标准CSS .
http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html
我似乎记得在某个地方看到它也可以通过将你的电子邮件表设计包装在一个外部表设置为width:100%并text-align:center在tbody或类似的东西上使用一些内联样式来实现它？
这是最好的做法吗？
鉴于以下HTML和CSS,我在浏览器中看不到任何内容(Chrome和IE在撰写本文时最新).一切都崩溃到0x0像素.为什么？
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
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; height: 100%; }
#row3 { display: table-row; height: 100%; }
#cell1 { display: table-cell; height: 100%; }
#cell2 { display: table-cell; height: 100%; }
#cell3 { display: table-cell; height: 100%; }
</style>
</head>
<body>
<section> …css-tables ×10
css ×9
html ×5
alignment ×1
border ×1
cell ×1
css-float ×1
html-email ×1
margin ×1
stretching ×1
tablelayout ×1