No.2ベストアンサー
- 回答日時:
まず、ウィジェットのソースを確認する。
ページが描画された後のソースでないとわからないでしょう。firefox+fireBugを使うと良い。たとえば、javascriptが書き出す部分を含むdiv(汎用ブロック)に、margin:0 auto;とborder:solid 1px red;を指定すると、そのdivが中心に配置されていることがわかると思います。
それはあくまで、コンテナブロックの配置ですから、そのjavascriptの出力するHTML要素がブロックだとしても、それは中央には配置しません。ここは理解されていますか?
marginは継承しないので、その子孫には適用されません。
→Inherited: no ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
ウィジェットの大きさが決められていれば--たとえばそれがobject要素でwidthが決められていれば、それが収まる大きさにdivのサイズを決めるか、行内要素であれば、display:block;でブロック要素にして、marginを設定するとかです。
→ブロックレベル要素と行内要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
→ボックスの生成を制御する ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
No.1
- 回答日時:
通常、インライン要素(文章とか)はtext-align:center;で中央に寄りますが、ブロック要素(divとか)の場合はmargin-right: auto; margin-left: auto;を指定する必要があります。
>CSSでjavascriptが中央寄せにならない
なかなかビックリな表現ですね。
JavaScriptとウィジェットは全然意味合いが違います。
それぞれどんなものなのか興味があれば一度調べてみると良いでしょう。
この回答への補足
色々とありがとうございます!
<div style="margin-right: auto; margin-left: auto;">
ウィジェットタグ
</div>
でもやっぱり左寄せのままになってしまいます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
smallにtext-allignが効かない
-
NからZへの全単射を具体的に構...
-
emとstrongの反対
-
親要素・子要素
-
【ヒトの神秘】美男美女から何...
-
imgタグをそのまま使うことは正...
-
含む含まないという概念自体の...
-
CSSのセレクタに指定するbodyと...
-
input type="hidden"で取得した...
-
HTMLで <p>~</p>内で2回以...
-
html タグの閉じスラッシュ前の...
-
CSSでjavascriptが中央寄せにな...
-
aの中にspan
-
質問1.
-
タグは大文字と小文字どちらが...
-
textareaの幅を画面と合わせたい
-
figcaption要素の中にul要素
-
vb/vb.net XMLの大量データの作...
-
CSSセレクタの子孫要素について...
-
初歩的な質問です。<div>のwidt...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
質問1.
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
改行ほどは行かないけど、若干...
-
マージソートの計算量について-...
-
親要素・子要素
-
border: noneでボタンの境界線...
-
C言語 並び替え(配列)について
-
tdに対してmin-heightの定義、...
-
HTMLでTextareaを横に2つ並べ...
-
テキストボックスの中にリンク...
-
CSSで改行後の行間調整
-
H1タグを画像にしたい
-
ある要素の中身を全部グレーア...
おすすめ情報