1

WebView 内に番号付きリストを作成していますが、リストからインデントを削除したい、つまり、リストを最初の段落に揃えたいと考えています。HTML は次のとおりです。

<body  style="font-family: arial""font-size:18">
 <p>First paragraph.</p>
 <p>
  <ol style="margin-left:0px">
    <li>List 1</li>
    <li>List 2</li>
    <li>List 3</li>
  </ol>
 </p>
</body>

を使用するmargin-left:0pxと、webview によってリストが約 17 ポイントインデントされることに注意してください。私が言うならmargin-left:-17px、私はそれをハックで動作させることができますが、HTML の構築で何か間違ったことをしているように見えるので、そうはしません。

誰でも問題を見ることができますか？

更新された HTML - まだ動作しません:

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
    body {
        font-family: arial;
        font-size: 18px;
    }
    ol {
        padding-left: 0px;
    }
    </style>
</head>
<body>
    <p>Paragraph.</p>
    <p>
    <ol>
        <li>List item 1.</li>
        <li>List item 2.</li>
        <li>List item 3.</li>
    </ol>
    </p>
</body>
</html>

iPhone 3GS で iOS 5.1 を使用しています

4

5 に答える 5

2

これを試して....

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
    body {
        font-family: arial;
        font-size: 18px;
    }
    .flush-left {
        padding-left: 25px;
    }
</style>    
</head>
<body>
    <p>First paragraph.</p>
    <p>
        <ol class="flush-left">
            <li>List 1</li>
            <li>List 2</li>
            <li>List 3</li>
        </ol>
    </p>
</body>
</html>

他のいくつかのポインタ。デスクトップ上の html のテスト ファイルでテストを行い、それらを Safari と iOS シミュレーターにロードします (シミュレーターで開いている safari に html ファイルをドラッグします)。

ただし、通常の Safari デバッグ ツールを使用して html と css を調べることができます。またはFirefoxのFirebug。

また、疑問がある場合は www.w3schools.com ... :)

于 2012-08-19T10:51:11.013 に答える
2

そのようなスタイルを次のようにアーカイブできます:

ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
于 2012-08-19T10:21:49.453 に答える
0

ゼロのパディングを割り当てるだけでは、箇条書きが画面からはみ出してしまいます。私は、以下が私のウェブビューで完全に機能することを発見しました

ul,ol {padding-left: 20px;}
li {padding-left:2px;}
于 2014-09-29T20:46:05.990 に答える
-2

ではない

 <ul><li></li></ul>

そうじゃない<ol>？

また、ボディタグのスタイルに構文エラーがあるようです

:)

〜ダン

于 2012-08-19T10:20:55.650 に答える