CSS为啥我设置了缩进但是没效果

Posted 2023-04-09

在dreamweaver里是200px的10%，缩进20像素了啊

为什么在显示器预览的时候没根据p设置的200像素来缩进啊

text-indent如果使用%的话，是基于父元素宽度的百分比进行缩进的。也就是说，这里的10%是取父元素div#outer的500px * 10%，也就是50px咯。P标签如果也是设置为10%，它的父元素同样是 div#outer，所以缩进的值是一样一样滴。。参考下这里：http://www.w3school.com.cn/css/pr_text_text-indent.asp

上图右下角，就是div#inner缩进了50px。。提示下，缩进可以使用em来解决，比如text-indent:2em;就是缩进俩中文字符（英文是4个字符）。。另外，用了id的话，其实没必要写成div#inner，直接用#inner就可以啦

参考技术A 你把缩进给了DIV，而p标签又在div内，所以你看到的效果是他们都有缩进，你把p标签放到div外或者把缩进给p标签就会不一样了追问

缩进为什么不根据p的200px来缩进呢

效果也还是一样的啊



追答

你那200px设的是宽度，你要设缩进效果就是在text-indent这个属性设置

参考技术B 你设置的是宽度200啊 不是缩进 你要用margin-left 或者padding-left 参考技术C 你把单位改为em试试，也就是text-indent:3em，em是相对单位！

为啥在分析代码时缩进很重要？

【中文标题】为啥在分析代码时缩进很重要？

【英文标题】：Why is indentation important when analysing code?为什么在分析代码时缩进很重要？

【发布时间】：2019-03-02 12:01:00

【问题描述】：

在将 sass 转换为 css 时出现错误，“第 X 行：缩进不一致：Y 空格用于缩进，但文档的其余部分缩进了 !Y 个空格”

这是我的 sass 代码的错误状态：

header 

     margin: 50px;
     background-color: #2aa4df;

     div 
     

      
       p 
        
           margin-top: 0;
       

如您所见，在 p 样式规则附近，我使用了不同的缩进，这会产生错误。我想知道的是为什么从编译器的角度看缩进很重要

【问题讨论】：

你是如何编译 sass 文件的？

【参考方案1】：

缩进错误与sass 转译器无关，sass 转译器不介意转换未缩进的源代码。你可以试试这个 - https://www.sassmeister.com/ 并粘贴你上面的代码。它可以完美运行，没有任何错误。

我认为有一些 css lint 设置不允许缩进，因此，您会收到这些错误。请在您的项目中查找lint 设置。

【讨论】：

我的 settings.json 文件不包含 css 文件的任何设置 ' "[css]": '

您能否删除您的“@Bobstar89 完成”评论？我已经改写了我的问题以使其更有用