0

私はウェブサイトで作業しています。コンテンツの周りに枠線があるタブを作成しました。Chrome ではすべて問題なく表示されますが、Safari で問題が発生しています。左側と右側の境界線はサファリでアウトセットされていますが、必要な余白にはありません。タブとインラインにしたいです。

.ui-tabs .ui-tabs-panel {
     padding: 1em 0.4em;
     background: none;
     border: 1px solid rgba(216, 216, 216, 0.55);
     border-top: none;
     margin-top: -5px;
     margin-left: 2px;
     margin-right: 4px; 
 }

誰でも助けることができますか？

誰？その margin-right: 4px が問題です。11px に変更すると、Safari では正常に表示されますが、Chrome ではオフセットされます。助けてください

4

1 に答える 1

0

JSFiddle の例がなければ、私はブラインドで作業していますが、これを試してください:

CSS:

.ui-tabs .ui-tabs-panel {
    display: inline;
    margin: 5px 4px 0px 2px;
    border: 1px solid rgba(216, 216, 216, 0.55);
    border-top: none;
    background: none;
}
于 2013-10-15T05:56:43.827 に答える