1

次を使用してテーブルを中央に配置しました。

table{
margin-left: auto;
margin-right: auto;
}

Google Chrome では問題なく動作しますが、Firefox ではまったく動作しません。何かアイデアはありますか? テーブルを Div でラップし、特定の ID を使用する必要がありますか?

PS 私は -webkit- を使用しませんでした。-webkit- を使用した場合は、-moz- も追加するようにしました。

JSFiddle

ここにあなたたちが調べるためのリンクがあります： あなたは自分で見ることができます

4

2 に答える 2

0

それはすべて、テーブルがネストされる方法/場所によって異なります。コンテンツを親コンテナーの中央に配置するか、ページ本体を中央に配置するかposition:absolute;、テーブルcssに追加する必要があります。

于 2012-08-11T20:24:50.917 に答える
0

CSS

これを CSS ファイルに追加します。

header
{
    float:none!important
    /* or remove float:right; in your current CSS file */
}
#nav
{
    background:none;
    float:right
}
#tb
{
    margin:0 auto;
    width:1080px;
    border-spacing:0;
    border:0;
    border-collapse:collapse
}
.clearfix:after
{
    clear:both;
    content:'.';
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    visibility:hidden
}
.clearfix
{
    display:block;
    zoom:1
}

HTML

そして、HTML コードを次のように変更します。

<nav>
    <ul id="nav">

に：

<nav class="clearfix">
    <ul id="nav" class="clearfix">
于 2012-08-11T20:19:52.493 に答える