CSS HTML:底部的中间表格(%-宽度,指定最大宽度)
这是问以前在错误的部分,所以我删除,并重新张贴它现在 如何将div居中,使其具有基于%的宽度,并且在页面底部指定了CSS HTML:底部的中间表格(%-宽度,指定最大宽度),html,css,internet-explorer,Html,Css,Internet Explorer,这是问以前在错误的部分,所以我删除,并重新张贴它现在 如何将div居中,使其具有基于%的宽度,并且在页面底部指定了max width 如果删除“最大宽度”样式,我可以将其居中放置在页面底部,但一旦我尝试指定它,它就会断开 对此的任何帮助都将不胜感激,因为这是我的应用程序在完成并发布之前面临的最后一个障碍D 编辑: 几乎总是这样,在试图清理我的发帖来源时,我在最后一刻有了一个想法,瞧,它成功了 string docText = @"<!DOCT
max width
如果删除“最大宽度”样式,我可以将其居中放置在页面底部,但一旦我尝试指定它,它就会断开
对此的任何帮助都将不胜感激,因为这是我的应用程序在完成并发布之前面临的最后一个障碍D
编辑:
几乎总是这样,在试图清理我的发帖来源时,我在最后一刻有了一个想法,瞧,它成功了
string docText =
@"<!DOCTYPE html><html>
<style type=""text/css"">
table {
border-collapse: collapse;
width: 100%;
word-break: keep-all;
word-wrap: break-word;
overflow: hidden;
}
table td {
border: 0px;
word-break: keep-all;
word-wrap: break-word;
vertical-align: top;
padding: 2px 8px;
}
div.inner {
margin-left: auto;
margin-right: auto;
//border: dotted red 1px;
max-width: 800px;
}
div.outer {
width: 98%;
position: absolute;
bottom: 0px;
//border: dotted black 1px;
}
</style>
<script>
function addRow(text1, text2) {
var tbody = document.getElementById('tbody');
var tr=document.createElement(""TR"");
var td=document.createElement(""TD"");
td.innerHTML = text1;
td.align = ""right"";
td.valign=""top"";
tr.appendChild(td);
td = document.createElement(""TD"");
td.innerHTML = text2;
td.style.wordBreak=""keep-all"";
td.style.wordWrap=""break-word"";
tr.appendChild(td);
tbody.appendChild(tr);
}
</script>
<body><div class=""outer""><div class=""inner""><table>
<colgroup>
<col style=""width: 60px; align: right; vertical-align: top;"">
<col style=""width: 90%; align: left; vertical-align: top; "">
</colgroup>
<tbody id=""tbody"">
</tbody></table></div></div></body></html>";
string docText=
@"
表{
边界塌陷:塌陷;
宽度:100%;
断字:保留一切;
单词包装:打断单词;
溢出:隐藏;
}
表td{
边界:0px;
断字:保留一切;
单词包装:打断单词;
垂直对齐:顶部;
填充:2px8px;
}
内部分区{
左边距:自动;
右边距:自动;
//边框:点红色1px;
最大宽度:800px;
}
外分区{
宽度:98%;
位置:绝对位置;
底部:0px;
//边框:点黑色1px;
}
函数addRow(text1、text2){
var tbody=document.getElementById('tbody');
var tr=document.createElement(“tr”);
var td=document.createElement(“td”);
td.innerHTML=text1;
td.align=”“right”“;
td.valign=”“top”“;
tr.appendChild(td);
td=document.createElement(“td”);
td.innerHTML=text2;
td.style.wordBreak=“”保留全部”;
td.style.wordWrap=”“break-word”“;
tr.appendChild(td);
t附肢儿童(tr);
}
";
您应该能够使用边距将具有百分比宽度和最大宽度的div水平居中:
margin: 0 auto;
将根据父容器的大小水平调整左右边距
下面是一个例子:
首先,您给出的表没有显示任何内容,并且您的所有类和ID都有双引号,我建议您检查编辑器是否自动添加了第二个 我想说,你的包装div需要是“margin:auto”,也允许它调整到两侧,从而为你坐在中间
.inner {
margin: auto;
//border: dotted red 1px;
max-width: 800px;
}
下面是一个宽度较小的JSFIDLE,可以在演示框中进行演示
此外,表格本身对应用程序和较小的设备不利,我建议您只考虑使用响应速度更快、工作量更少的DIV
这就是html中的全部内容吗?Post code.Post code或create Fiddle第一行是
string docText=@“
。这是一个C字符串,它们必须被双引号引用。行是在运行时通过脚本插入的。我的错,你是将其作为HtmlString还是字符串传递回来的?无论如何,它仍然基于你的CSS不正确。