0

iOS の UIWebView コントロールで HTML を使用して、この効果を作成しようとしています。目標は、リストに進行状況バーの効果を作成することです。これまでのところ、これを試してみましたが、ご覧のとおり、diV にパディングを追加すると、すべてが台無しになります。どうすれば同様の効果を得ることができますか? テーブルの使用に問題はありませんが、それはもっと難しいようです。

ありがとう

4

2 に答える 2

2

ネストされた div を使用して、内側の Div にパーセンテージ幅を与えないのはなぜですか。

<div><div class="inner"></div></div>

そしてCSS：

div {
    background-color: blue;
    height: 30px;
}
.inner {
    width: 50%;
    background-color: skyblue;
}

div はブロック レベルの要素であるため、デフォルトで幅が 100% であるため、それで十分な場合は外側の div に対して明示的に指定する必要はありません。

別の可能性は、背景のグラデーションを使用して、背景の位置を変更するだけです。

于 2012-07-28T22:52:55.610 に答える
1

あなたが提供したコードには、このdivがあります：

<div style='position:absolute;left:0%; background-color: hsl(30,100%,59%);width:30%;z-index:10;'>&nbsp;</div>

「top: 0px;」を追加するだけです。それになるように

<div style='position:absolute;left:0%; top: 0px; background-color: hsl(30,100%,59%);width:30%;z-index:10;'>&nbsp;</div>

そして、それは正しく見えます。

編集:そして、position: relative複数の要素で動作するように LI 要素を指定します。http://jsfiddle.net/tFn78/9を参照してください

少しきれいな別のバージョン: http://jsfiddle.net/v7zNn/で、タイトルの可変高さに調整されます。

于 2012-07-28T22:48:31.160 に答える