0

我有这个列表，没有使用<ul>：

<li>some text before <a href="url1">item 1</a> some text after</li>
<li>some text before <a href="url2">item 2</a> some text after</li>
<li>some text before <a href="url3">item 3</a> some text after</li>
<li>some text before <a href="url4">item 4</a> some text after</li>
<li>some text before <a href="url5">item 5</a> some text after</li>

使用此 CSS，我尝试将链接保持在原位，但 onClick 它会继续向下移动一行。

#myDiv li a { 
    text-decoration: none;  
    color: #0080BC; 
    outline: none; 
    cursor: pointer; 
    margin: 0; 
    padding: 0; 
    display: inline-block;
}

谁能帮助我以正确的方式完成这项工作？我必须清除 CSS，但我似乎无法完成它。

4

1 回答 1

0

我有这个列表，没有使用 <ul>

一组没有的列表项<ul>在 HTML 中是无效的。由于您有一个带有 的 CSS #myDiv，因此您可以用这种方式将整个内容包含在内<ul id="#myDiv">，因为 CSS 很好：

<ul id="#myDiv">
    <li>some text before <a href="url1">item 1</a> some text after</li>
    <li>some text before <a href="url2">item 2</a> some text after</li>
    <li>some text before <a href="url3">item 3</a> some text after</li>
    <li>some text before <a href="url4">item 4</a> some text after</li>
    <li>some text before <a href="url5">item 5</a> some text after</li>
</ul>

小提琴：http: //jsfiddle.net/nwpem/

列表项很好。但是如果你觉得列表项是内联的，那么你需要添加这个CSS：

#myDiv li {display: inline-block;}
于 2013-01-11T00:47:08.657 回答