人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートについて教えてください。

ボックスがあります。

ボックスの中に配置された画像等は、ボックスの中央に表示して、
ボックスの中に配置されたテキストは、ボックスの中央に表示するのですが、文字は左揃えで表示。、
どのようにすればよいでしょうか?

主要なブラウザの最新版で、できる限り
同じように表示することが条件です。

回答をいただくか、わかりやすく説明しているサイトを
教えていただければと思います。

色々と試すのですが、なかなか上手くできません。
また、Firefox とIEで、表示のされ方がかなりずれが出てしまいます。

●質問者: supermaster
●カテゴリ:ウェブ制作
✍キーワード:firefox IE サイト スタイルシート テキスト
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Galapagos
●60ポイント

「ボックスの中に配置されたテキストは、ボックスの中央に表示するのですが、文字は左揃えで表示」というのは、「ボックスの中に配置されたテキストは左揃えで表示」のタイプミスですよね?

こんな感じでどうでしょう。

<html>
<head>
<style tyle"text/css">
div.hogebox {
 width: 500px;
 height: 500px;
 border: 1px solid;
 text-align: left;
}
img.image {
 display:block;
 margin: 0 auto;
 text-align: center;
}
</style>
</head>
<body>
<div class="hogebox">
hogehoge<br />
<img class="image" src="hoge.jpg" /><br />
hogehoge<br />
</div>
</body>
</html>

参考「displayプロパティ

◎質問者からの返答

回答ありがとうございます。

質問がわかりづらかったかもしれません。

再度、改めて、別途質問いたしますので、回答いただけると助かります。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ