0

各リスト項目の左側に箇条書きを表示する順序付けられていないリストがあります。FF/IE では、箇条書きが半分表示されます。Chrome では、それらはまったく表示されません。に追加margin-left: 5pxすることで、<li>それらを表示させることができます。

しかし、私が本当に理解したいのは、それらが隠されている理由です。症状よりも原因を治療したい。フィドルで再現できなかったので、ここにページへのリンクがあります。できるだけ最小限にして、ページに説明を記載しました。

http://help.projectorpsa.com/display/doc432m/Test

Confluence という CMS システムを使用しているため、html マークアップをあまり制御できません。関係なく、ここにマークアップがあります。

<div class="panelMacro">
    <table class="infoMacro">
        <tbody>
            <tr>
                <td>
                    <div class="panel" style="background-color: transparent;border-color: transparent;border-width: 1px;">
                        <div class="panelContent" style="background-color: transparent;">
                            <ul>
                                <li>A - There is no bullet displayed for this list. If I add margin-left: 6px to this &lt;li&gt; then I can see it. But I don't understand why this is happening. What is the bullet hiding behind?</li>
                                <li>B</li>
                                <li>C</li>
                                <li>D</li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
4

4 に答える 4

3

このルールのため：

table.infoMacro ul {
padding-left: 0px;
}

それを取り除くか、パディングを 6px のように増やしてください。

于 2013-04-04T15:07:20.983 に答える
0

あなたに追加list-style-position: inside;してみてくださいul

于 2013-04-04T15:06:51.123 に答える
0

<div class="panel">html をステップアップすると、overflow:hidden; に設定されていることがわかります 。

それをoverflow:visible;に変更します。そして、あなたは行く準備ができているはずです。

于 2013-09-16T18:57:18.800 に答える