问题不是很短,但很容易理解.

这是jsFiddle

我有两个嵌套表,像这样：

这是标记：

第一个奇怪的事情
然后,我想在内表中添加负水平边距：
.inner {
  margin: 0 -10%;
}
预期的输出是这样的：
但相反,我得到了这个：
将内部表放在div中可以解决问题：

                  


                  
总结
                  
以上是小编为你收集整理的html  – 表格上有负边距的奇怪事物全部内容。
                  
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
            
          
          

          

            

              


                

                  
HTML相关文章
                

                

                  

                    android开发，使用kotlin学习WebView（详细）
                  
                  
详细介绍关于webView的使用，其中由WebView类提供的常用方法， WebView的简单用法实现浏览网页，结合WebView方法做一个迷你浏览器，加载本地html页面，于JavaScript交互调用
                
                
                

                  

                    解决 Android WebView 多进程导致App崩溃
                  
                  
Android WebView  MultiProcess导致App崩溃。
                
                
                

                  

                    网页内按回车触发
                  
                  
function document.onkeydown()                //网页内按下回车触发{        if(event.keyCode==13)        {                document.getElementById("Button").click();                   return false;               
                
                
                

                  

                    【html】table表格数据无缝循环滚动
                  
                  
分享一个好看的表格无缝滚动:(实战用起来很舒服)分享一个好看的表格无缝滚动:(实战用起来很舒服)
                
                
                

                  

                    【CSS】属性选择器
                  
                  
1. [attr] 匹配带有一个名为attr的属性的元素——方括号里的值。2.[attr=value] 匹配带有一个名为attr的属性的元素，其值正为value——引号中的字符串。3.[attr~=value] 匹配带有一个名为attr的属性的元素，其值正为value，或者匹配带有一个attr属性的元素，其值有一个或者更多，至少有一个和value匹配。注意，在一列中的好几个值，是用空格隔开的。**4.[attr |=value] 匹配带有一个名为attr的属性的元素，其值可正为value，或者开
                
                
                

                  

                    实时显示系统时间（JS）
                  
                  
系统时间//获得当前时间,刻度为一千分一秒var initializationTime=(new Date()).getTime();function showLeftTime(){var now=new Date();var year=now.getYear();var month=now.getMonth();var day=now.getDate();
                
                
                

                  

                    【CSS】结构伪类选择器
                  
                  
结构伪类选择器上图中，我们很清楚的看到了那些属于同级，first-of-type 是要找到同级的第一个，所以 div1、div2、div5 是符合要求的，所以“456” “ 789”’ “唯一的”会发生样式变化。解析：如上代码中，我们给 p 标签和 div 标签都设置了 only-of-type，但是只有 p 标签的起作用了。为什么？因为上述代码中存在多个 div。所以这个选择选择器一定要注意唯一性。...
                
                
                

                  

                    JavaScript案例精解（三）
                  
                  
  var objmain = document.getElementById("main");function updatesize(){ var bodyw = window.document.body.offsetWidth; if(bodyw = 1016) objmain.style.width="996px"; else objmain.style.width="100
                
                
            
          
        
        
        
        

            
             
          

            




            
          
          
          
          

            

              

                热门文章
                
• android开发，使用kotlin学习WebView（
• 解决 Android WebView 多进程导致App崩
• 网页内按回车触发
• 【html】table表格数据无缝循环滚动
• 【CSS】属性选择器
• 实时显示系统时间（JS）
• 【CSS】结构伪类选择器
• JavaScript案例精解（三）
• Map用法(框架顶部实现首页，后退，前进
• [HTML] 框架
              
            
          
          
          
          
          

            

              

          

    
              
            
          
          
          
         
          
          

            

              

                热门标签更多
                
HTMLreactjsCSSNode.jsangulartypescriptvue.jsreact-natispringkotlinAPIseleniumtensorflowbashangularJSexpressxcodematplotlibflaskHibernatedictionaryrailscocoswebnpmreact-hookmongoosegoogle-appformswpfRestwebpackunit-testihttpclassfileNext.jsJsHTML5bootstrap-

              
            
          
          
          
          
          
          

              





          
          
          
        
        
      
    
    




  

Html.Partial and Html.RenderPartial
Html.Action and Html.RenderAction

解决方法

..
[required(ErrorMessage = "Corpo Articolo vuoto")]
[AllowHtml]
public string corpoTesto { get; set; }
..

..
    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create(Ricettaviewmodel modelloRicetta)
    {
        if (ModelState.IsValid) {
..

@model WebAPP_MVC4.Areas.Admin.Models.Ricettaviewmodel
 ...
 @using (Html.BeginForm("Create","Ricette",FormMethod.Post)){
 @Html.AntiForgeryToken()
 @Html.ValidationSummary(true)

....

<fieldset>
    <legend>Corpo Ricetta ~</legend>
    <div>
        @Html.LabelFor(p=>p.ricetta.corpoTesto)
    </div>
    <div>
        @Html.TextAreaFor(p=>p.ricetta.corpoTesto,new { @cols = 60,@rows = 20})
        @Html.ValidationMessageFor(p=>p.ricetta.corpoTesto)
    </div>
 </fieldset>
..

解决方法

public class Postviewmodel
{
    [AllowHtml]
    [required]
    public string Content { get; set; } 
}

public ActionResult Index()
{
    return View("Create",new Postviewmodel());
}

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(Postviewmodel model)
{
    if (ModelState.IsValid)
    {
        return Index();
    }
    return View(model);
}

@model SendHTmlTpControler.Models.Postviewmodel

<html>
<head>
    <script src="~/Scripts/tinymce/tiny_mce.js"></script>

    <script type="text/javascript">
        tinymce.init({
            selector: "textarea",toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
        });
    </script>
</head>
<body>
    <h2>Create</h2>

    @using (Html.BeginForm("Create","Home",FormMethod.Post))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)

        <div>
            @Html.LabelFor(model => model.Content)
        </div>
        <div>
            @Html.TextAreaFor(model => model.Content,@rows = 20 })
            @Html.ValidationMessageFor(model => model.Content)
        </div>

        <p>
            <input type="submit" value="Save" />
        </p>
    }

</body>
</html>