-1

私はコードを書きました：

<p> 
    Example:
</p>
<ol>
    <li>Text 1</li>
    <li>Text 2</li>
</ol>

これは私のテキストを互いに垂直に設定する必要があります

しかし、それは私のテキストがお互いの上に書かれているので、お互いの下ではなく、1行だけで書かれているという出力を私に与えます。

私はこのようにそれが必要です：

<p> 
    Example:
</p>
<ol>
    <li>Text 1</li>
    <li>Text 2</li>
</ol>

そして今、それはこのようです：

ここに画像の説明を入力してください

4

2 に答える 2

1

これはコメントだったかもしれません。しかし、私はあなたを導き、もっと説明できると思っていました.

質問には、問題が発生しない HTML マークアップのみが含まれています。それは完全に問題ありません。問題は、プレゼンテーション スタイルであるCSSにあります。だから、それはCSSと関係があります。

あなたのスクリーンショットから私が感じるのは、ルールを持つ CSS があるかもしれないということです:

* {line-height: 0;}

これは間違いとして与えられた可能性があります。これらの値は、次のいずれかでリセットする必要があります。

  • CSS リセットの使用 - Eric Meyer、Simple Reset、または YUI Reset。

  • 単純なリセットの場合は、次のルールを指定できます。

    * {margin: 0; padding: 0; line-height: 1.2em;}

    line-heightあなたの特定のケースのためのものです。

  • また、カスタム CSS を最後に配置して、効果的で他のすべてのスタイルを上書きするようにしてください。

あなたがそれを成し遂げることを願っています。

于 2013-02-08T10:37:25.500 に答える
-1

使用してみてください:

li {
    float: none;
    dispaly: block;
    clear: both;
}
于 2013-02-08T09:50:48.213 に答える