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 で 1 行下に移動し続けます。

#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 があるため、CSS は問題ないため、この方法で#myDiv全体を囲むことができます。<ul id="#myDiv">

<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 に答える