OSDN -- Développer et télécharger des logiciels Open Source
Traduction statut du Français translation status for fr

Forums: 公開ディスカッション (Thread #29294)
Retour à la liste de discussion RSS

レイアウトを中央揃えにする方法 (2011-05-13 02:48 by はやし #57359)

レイアウトを画面中央揃えにしようとしていますが、<body>と<div>とどちらのスタイルを「text-align:center」に指定しても中央揃えできなかったです。
何か方法があったらご教授をいただけますか。

①HTML画面：
<body style="text-align:center;">
<div id="divMain" style="text-align:center;">&nbsp;</div>
</body>
②transition.xml
<transitionDef>
<init>
<loadLayout xmlFile="main.xml" target="divMain" show="true" />
</init>
</transitionDef>

Répondre à 57359×

You can not use Wiki syntax
Vous n'êtes pas connecté. Pour distinguer vos messages en provenance du reste, vous devez choisir un surnom. (L'unicité du surnom est pas réservé. Il est possible que quelqu'un d'autre pourrait utiliser exactement le même surnom. Si vous voulez l'assurance de votre identité, nous vous recommandons de vous connecter avant de poster.) Connexion

RE: レイアウトを中央揃えにする方法 (2011-05-18 14:13 by kominen #57483)

マスカットの描画領域である div や、その配下に生成されるレイアウト用の div の幅が 100% になってしまっていることが原因かと思います。

以下の様に設定することで対応が可能かと思います。

#divMain {
/* 共通（※レイアウトのサイズに応じて変更してください） */
width: 500px;
/* InternetExplorer 用 */
text-align: center;
/* Firefox 用 */
margin-left: auto;
margin-right: auto;
}
Répondre à #57359

Répondre à 57483×

You can not use Wiki syntax
Vous n'êtes pas connecté. Pour distinguer vos messages en provenance du reste, vous devez choisir un surnom. (L'unicité du surnom est pas réservé. Il est possible que quelqu'un d'autre pourrait utiliser exactement le même surnom. Si vous voulez l'assurance de votre identité, nous vous recommandons de vous connecter avant de poster.) Connexion