CSS <ul><li>缩进问题

Question

我想修改网站上的无序列表，使得当文本在一个 <li> 标签内换行时，它会根据上一行的缩进进行缩进。我尝试了许多不同的方式，但似乎没有任何效果。由于我在CSS方面没有太多经验，所以可能只是漏掉了一些简单的东西...

.entry ul li{ list-style:disc inside none !important; padding:5px 0px }

- user1868388

---

尝试使用text-indent代替padding。 - Kyle

Answer 1

这是因为list-style样式声明中有inside。

移除此部分并调整margin-left以将整个列表项向右推，然后使用padding将文本与列表项符号分开。类似以下内容应该可以解决问题：

.entry ul li {
    list-style: disc !important;
    margin-left: 20px;
    padding: 3px 0 0 5px;
}

- danwellman

Answer 2

由于它不在单行上，所以缩进不正确。请在<li>标签内添加<p>标签，并在左侧为<p>标签添加填充，例如：

.entry ul li p{
   padding: 0px 0px 0px 10px;
} 

- Uttam Kadam

Answer 3

不要浪费时间在“rauberdaniel”上，无论如何，我找到了为什么我的源代码中的UL标签与UL标签中的h2和h7不起作用的原因...因为我编辑了所有min.css和default.css类别，但这是为了下拉菜单。但是...当我编辑所有.css文件夹时，我没有看到控制主菜单功能的menu.js...傻瓜!!!我以为它是JavaScript库中的通用函数之一，但肯定是有的...这是我下载并编辑的模板...源代码调用后面是js代码...

<div id="MainMenu">
<ul id="MegaMenu">
<li>  <h2 class="question">Mechanical</h2>
<div>
<p> ......urthrtfhfthth</p>
</div>

function megaHoverOver(){

  // show effect
  $(this).find(".sub").stop().slideDown();

  // render cufon on headings again (because it wasn't visible before)
  Cufon.replace('#MainMenu h2', { fontFamily: 'Vegur' });

  //Calculate width of all ul's
  (function($) { 
    jQuery.fn.calcSubWidth = function() {
      rowWidth = 0;
      //Calculate row
      $(this).find("ul").each(function() {                  
          rowWidth += $(this).width(); 
      });   
    };

我感觉自己很愚蠢，因为我花了一个半小时搜索普通的CSS样式...浪费时间...但是这里有（h2）...现在要添加h7，我将其添加到CSS样式中，只是因为我想让HTML网站中的点和单击下拉按钮的标题描述文本更小。

- 101dolmations