Question

我想在我的网站上修改无序列表，以便当文本被包装到一个<li>内的下一行时，它会根据上面的行缩进。我尝试了许多不同的方法，但似乎没有任何工作。我对css的经验不多，所以我可能只是缺少一些简单的东西......

.entry ul li { list-style：disc inside none！important; 填充：5px 0px }

Answer 1

这是因为list-style样式有inside作为声明的一部分。

取下它然后调整左边距以将整个列表项向右推，然后填充以将文本与列表项目项目符号分开。这样的事情应该这样做：

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

Answer 2

它没有正确缩进，因为它不在单行上。请在<p>内添加<li>标记，并在左侧填充<p>标记，如：

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

Answer 3

没有“rauberdaniel”这是浪费时间，反正我发现为什么我的源代码中的UL标签不适用于UL标签中的h2和h7 ...因为我编辑了所有的min.css和我的源代码调用的default.css类，但它是用于此下拉菜单但....编辑所有.css文件夹时我没看到...有一个menu.js控制主菜单功能... DUH !!!认为这是一个（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(); 
      });   
    };

我感觉很蠢b / ci花了一个半小时搜索简单的CSS样式..愚蠢浪费时间......但是它是（h2）...现在添加和h7我添加到css样式ALLL，因为我希望文本小于描述点的标题，然后单击HTML站点中的下拉按钮。

CSS <ul> <li>缩进问题</li> </ul>

3 个答案: