text-alignの解除の方法ってありませんか?
例えばhtml内に以下のタグがあるとして、
<div style="text-align:center;">
<div style="width:100px; height:120px; background-image:url(○○○.jpg)">
<div style="width 50px; height: 60px; position:absolute; margin-top: 20px; margin-left:5px">
<p>あいうえおあいうえお</p>
</div>
</div>
</div>
このような場合に<div style="width:100px; height:120px; background-image:url(○○○.jpg)">から、対応している</div>のtext-alignを解除する方法ってありませんか?
IEの標準には対応するのですが、互換だとブロック要素までもがセンタリングされてしまうため困っています。
分かりづらくて申し訳ありません。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
うーん・・・
単純に<div style="width:100px; height:120px; background-image:url(○○○.jpg)">のdivにtext-align:center;じゃだめなんでしょうか?複数ある場合インラインでの指定だからメンドクサイですが、外部cssなどであればセレクタで簡単に指定できると思うのですが・・・
一応、確認は取っていないですがalign属性を使うとどうでしょう?ちょっと手元では確認できないのですが、
<div style="text-align:center;" align="left">
上手くいったとしても完全に互換モード用のHTMLになってしまいますけど。
No.2
- 回答日時:
状況を知らない他人から刃状況がつかめません。
誰が読んでもわかるように質問しましょう。HTML内の要素にスタイルを指定しているのですから、外部スタイルシートでは優先順位が低いため!importantを指定しても上書きできません。
><div style="width:100px; height:120px; background-image:url(○○○.jpg)">
>から、対応している</div>のtext-alignを解除する方法
は、単純にtext-alignをleftを指定すればよい。
<div style="text-align:center;">
<div style="text-align:left;--------------">
<div style="text-align:center;----------">
<p>あいうえおあいうえお</p>
</div>
</div>
</div>
どれをセンターにして、どれを左寄せにするのか???を詳しく示してください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
INPUT TEXT内の文字位置を指定...
-
HTMLフォームのSELECTの幅を一...
-
端から端まで横線を引きたい
-
<h1>タグの後の行間を詰めたい。
-
formタグ下にできる隙間を埋めたい
-
ホームページビルダー 空白の...
-
2カラムの黄金比?レイアウト...
-
HTML&CSSの記述について
-
インラインフレームの表示位置...
-
上部の余白を消すには?
-
エクセルでサイズに合ったもの...
-
PDFへてのテキストボックスにて...
-
Excel で等間隔で縦線を引きた...
-
道路幅を調べたいのですが
-
window.close()で閉じられない
-
table内で画像と文字をセンター...
-
htmlでテーブル内にテキストボ...
-
<tbody>は何のためにあるんでし...
-
Excel セルの幅が合わない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
コードを書いて下さい( ; ; )...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
HTMLフォームのSELECTの幅を一...
-
<h1>タグの後の行間を詰めたい。
-
INPUT TEXT内の文字位置を指定...
-
なぜ左に寄っているの?
-
アップロードするサーバーによ...
-
端から端まで横線を引きたい
-
macとwindowsのレイアウト崩れ...
-
Formタグのブロックの高さについて
-
chromeだけbody直下に空白が開く
-
FireFoxで見るとブラウザの幅に...
-
CSSでh1とその下の文字との行間...
-
IE8ではtext-align: center;で...
-
css。横並びBOXに長文textを流...
-
text-alignの解除の方法
-
div align="center"のalignは旧...
-
<legend>で表示されるタイトル...
おすすめ情報