我的<ul>仅显示第一个列表项的项目符号,而不是其余项

时间:2017-01-06 09:37:14

标签: html css

我的<div id="links" class="info"> <h6><strong>Useful links</strong> <img class="linkimage" src="link.png" border="0" /></h6> <ul> <li> <p><a href="test.com" target="_blank">IT Services</a> </p> <p><a href="test.com" target="_blank">Human Resources</a> </p> <p><a href="test.com" target="_blank">Other</a> </p> </li> </ul> </div> 在第一个列表项后没有显示项目符号的问题。

class TreeNode {
    private int val;
    TreeNode left;
    TreeNode right;

    TreeNode(int x) {
        val = x;
    }
}

不知道我做错了什么,有人可以提出建议吗?

4 个答案:

答案 0 :(得分:4)

&#13;
&#13;
ul li {
  padding: 5px;
  }
&#13;
<div id="links" class="info"> 
    <h6><strong>Useful links</strong> <img class="linkimage" src="link.png" border="0" /></h6>

      <ul>
        <li> 
          <a href="test.com" target="_blank">IT Services</a> 

</li>
<li>
  <a href="test.com" target="_blank">Human Resources</a> 
</li>
          
          <li>
          <a href="test.com" target="_blank">Other</a>

        </li>
      </ul>


  </div>
&#13;
&#13;
&#13;

您只放了一个<li>

我已移除p代码,而不是p您可以根据需要向ulli提供css。

希望这有帮助。

答案 1 :(得分:1)

你想要这个吗?

<div id="links" class="info"> 
<h6><strong>Useful links</strong> <img class="linkimage" src="link.png" border="0" /></h6>

  <ul>
    <li> 
      <p><a href="test.com" target="_blank">IT Services</a> </p>
    </li>
    <li>
      <p><a href="test.com" target="_blank">Human Resources</a> </p>
     </li>
     <li>
      <p><a href="test.com" target="_blank">Other</a> </p>

    </li>
  </ul>

答案 2 :(得分:1)

  <div id="links" class="info"> 
    <h6><strong>Useful links</strong> <img class="linkimage" src="link.png" border="0" /></h6>

      <ul>
        <li> 
          <p><a href="test.com" target="_blank">IT Services</a> </p>
        </li>
        <li>
          <p><a href="test.com" target="_blank">Human Resources</a> </p>
        </li>
        <li>
          <p><a href="test.com" target="_blank">Other</a> </p>
        </li>
        
      </ul>


  </div>

这应该有效

答案 3 :(得分:1)

ul li {
  padding: 5px;
  }
<div id="links" class="info"> 
    <h6><strong>Useful links</strong> <img class="linkimage" src="link.png" border="0" /></h6>

      <ul>
        <li> 
          <a href="test.com" target="_blank">IT Services</a> 

</li>
<li>
  <a href="test.com" target="_blank">Human Resources</a> 
</li>
          
          <li>
          <a href="test.com" target="_blank">Other</a>

        </li>
      </ul>


  </div>