CSS HTML:底部的中间表格(%-宽度,指定最大宽度)

CSS HTML:底部的中间表格(%-宽度,指定最大宽度),html,css,internet-explorer,Html,Css,Internet Explorer,这是问以前在错误的部分,所以我删除,并重新张贴它现在 如何将div居中,使其具有基于%的宽度,并且在页面底部指定了max width 如果删除“最大宽度”样式,我可以将其居中放置在页面底部,但一旦我尝试指定它,它就会断开 对此的任何帮助都将不胜感激,因为这是我的应用程序在完成并发布之前面临的最后一个障碍D 编辑: 几乎总是这样,在试图清理我的发帖来源时,我在最后一刻有了一个想法,瞧,它成功了 string docText = @"<!DOCT

这是问以前在错误的部分,所以我删除,并重新张贴它现在

如何将div居中,使其具有基于%的宽度,并且在页面底部指定了
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不正确。