0

見出しが対応する値から等間隔になるように、DIV 要素を揃えようとしています。

現在、私の出力は次のようになります。

私のJavascriptは次のとおりです。

                wrapper.appendTo('body')
                dealTitleDiv.appendTo('#wrapper');
                dealTitleValueDiv.appendTo('#wrapper');

                wrapperOne.appendTo('body')
                dealNameDiv.appendTo('#wrapperOne');
                dealNameValueDiv.appendTo('#wrapperOne');

                wrapperTwo.appendTo('body')
                addressDiv.appendTo('#wrapperTwo');
                addressValueDiv.appendTo('#wrapperTwo');

                wrapperThree.appendTo('body')
                disclaimerDiv.appendTo('#wrapperThree');
                disclaimerValueDiv.appendTo('#wrapperThree');

私のCSS：

body
{
background-color:#5CD65C;
}


#wrapper
{
    width:300px;
}
#dealTitleDiv
{
    width:100px;
    float: left;      
}

#dealTitleValueDiv
{
    width:215px;
    float: right;   
}

#wrapperOne
{
    width:320px;
}
#dealNameDiv
{
    width:100px;
    float: left;
    clear: left;
}

#dealNameValueDiv
{
    width:215px;
    float: right;   
}

#wrapperTwo
{
    width:320px;
}
#addressDiv
{
    width:100px;
    float: left;
    clear: left;
}

#addressValueDiv
{
     width:215px;
    float: right; 
}


#wrapperThree
{
    width:320px;
}

#disclaimerDiv
{
    width:100px;
    float: left;
    clear:left;
}

#disclaimerValueDiv
{
    width:215px;
    float: right; 
}

HTML（あまり入っていないので、本文だけ貼っておきます）

<body>
<div id='loadingDiv2'>
            Please wait...Retrieving Deals  <img src="http://i.stack.imgur.com/FhHRx.gif" />
</div> 


</body>

私はいくつかのことを解決できないようです: 1) 「$8 オイスター スペシャル」がその下の値と一致しない理由。

2) 「名前」に「魚」が表示される理由

3) 画面上の「免責事項」のテキストを保持する方法。

これは、Samsung Galaxy S2 モバイルで実行されています。

誰かがこれらの問題のいくつかを解決するのを手伝ってくれたら、とても感謝しています!

4

2 に答える 2

0

データのテーブルを作成しようとしているようです。実際のデータ テーブルの場合、<table>次を使用しても問題はありません。

<table id="wrapper">
    <tr>
        <td>Deal Title</td>
        <td>$8 Special</td>
    </tr>
    <tr>
        <td>Name</td>
        <td>Fish</td>
    </tr>
</table>

次に、必要な唯一の CSS は

#wrapper {
    width:300px;
}

(実験するにはjsfiddleを参照してください。)

于 2013-10-29T16:36:18.620 に答える