0

これまでのところ、私はこのコードを持っています：

function changeGeoLoc($a,$b,$c){
echo "<ul style='list-style-type: none; display:inline;'>";

while(list(,$geoloc) = each($a) AND list(,$Details) = each($b)) {
echo "<li style='list-style-type: none; display:inline; padding-right:5px;'>$Details {$c->$geoloc} </li>";
}
echo "</ul>";

}

これを生成します：

上記のコードの製品

上記を中央に配置する方法を知っている人はいますか？

どんなアイデアでもありがたいです。

ありがとうございました

更新：ブロックとしてスタイリングし、margin：0 autoを修正して試しましたが、問題があります。フィールド'IP、City、Region、Country Name、Country Codeのため、幅の100％に沿って伸ばす必要があります。 GeoLocサービスを介して自動的に入力されるため、たとえば500pxの固定幅では十分な大きさではないため、幅全体にする必要があります。私のWebページを表示している人がいる場合、情報が幅全体を使用しないため、中央に配置する必要があります。中央に配置したほうが見栄えがします。これが理にかなっていることを願っています。

4

3 に答える 3

2

これを試して：

<ul style='list-style-type: none; display:block; width:500px; margin:0 auto;'>
于 2011-03-08T21:22:59.783 に答える
1

固定幅を提供せずにULのコンテンツを中央に配置する場合、おそらく最も簡単な方法は次のとおりです。

function changeGeoLoc($a,$b,$c){
echo "<ul style='list-style-type: none; text-align: center;'>";

while(list(,$geoloc) = each($a) AND list(,$Details) = each($b)) {
echo "<li style='list-style-type: none; display:inline; padding-right:5px;'>$Details {$c->$geoloc} </li>";
}
echo "</ul>";

}
于 2011-03-08T21:33:36.267 に答える
0

をdivでラップしてulから、次のCSSを追加します。

.className {
    margin:0 auto;
}

HTML：

<div class="className">
<ul style='list-style-type: none; display:inline;'>
<li style='list-style-type: none; display:inline; padding-right:5px;'>Stuff</li>
</ul>
</div>

ulスタイルをに変更しますblock

于 2011-03-08T21:23:15.787 に答える