- ベストアンサー
【html5】articleについて
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
スペースを入れずに英数字を並べると、それが1単語として解釈されます。 すると、途中で改行されないようになってしまうのです。 日本語の場合は、そもそも文にスペースを入れないので、どこでも改行してくれるようにしているのだと思います。 英語の場合は、所々にスペースを入れると、ちゃんと改行されますよ。 例: <article> <h4>Let'sStudy</h4> gjrjahreie1ahuuularhj gvikjerakgviahejkrgv fhjakiufhjkriuehfjak rouihfjkaofrueihufdj koriehjfkdkioui </article> もし、スペースのない長い単語でも改行させたいのであれば、スタイルに word-wrap: break-word; を指定してあげます。 http://www.tagindex.com/stylesheet/text_font/word_wrap.html ちなみに、これは article に限ったことではないです。他のブロック要素（p, div など）でも同様の事が言えます。
その他の回答 (1)
- play_with_you
- ベストアンサー率37% (112/301)
関連するQ&A
- ブラウザによってレイアウトが崩れて困っています。
ＣＳＳでＨＰを作り始めた者です。 ヘッダーの横幅をwidth:960pxとしています。 ヘッダーの下にヘッダーと同じ横幅になるように ボタン画像を横並びに６つ配置したいのです。 <img src="botan1.gif" alt=""> というのをそれぞれ６つ記入しています。 ＩＥやFirefoxではうまくいくのですがネスケでは ６つめのボタンが大きくはみ出て次の行にきてしまいます。 ネスケに合わせてボタンの幅を変更したら今度は ＩＥなどが合わなくなってしまいます。 このような場合どういう対策をとったら良いのでしょうか？ どうか教えてください。
- ベストアンサー
- レンタルサーバ・ASP
- CSSでtdの横幅の片方だけを指定したい
横２列の table を配置して、一方の tdのみ 120px で強制的に確保したいです。 <table style="width:100%"> <tr> <td style="width:120px;">120pxで固定したい</td> <td>残りスペース全て使う </td> </tr> </table> ※ここに記載するため、styleで表記しています。 上記でCSS指定すると、ブラウザの横幅に合わせて伸縮してしまい120pxの幅より大きくなってしまいます。 伸縮せず120pxで強制する指定方法がございましたら教えてください。
- ベストアンサー
- ブラウザ
- 可変幅でabsolute指定で中央配置できません
可変幅でabsoluteを指定すると中央配置できなくなります。 ブラウザの幅に合わせて中身のサイズも合わせて伸縮するサイトを構築したくて色々試しているのですが、どうしてもうまくできません。 どのように指定したらできるのでしょうか？困っています、どなたかお助けください。 例えば画像が固定のサイズであれば width:500px; position:absolute; left:50%; margin-left:-250px; 見たいな形で中央配置できるのですが、可変の場合、、伸縮させたいので、横幅は常に500ｐｘとはなりません。 よろしくお願い致します。
- ベストアンサー
- CSS
- ウェブデザイン paddingとwidthについて
はじめまして。 http://www.e-washizu.co.jp/ こちらのサイトの横幅は７８６pxですが、 そのうち影画像分の６pxを引くと７８０pxです。 しかしcssを見たところ、 <div id=main>部分のwidth幅は７６０ピクセルになっていて、 padding-left:10px; padding-right:10px; この２つの値をあわせるとちょうど７８０pxになるのですが、 ここで疑問点が浮上しました。 え？paddingの値分widthの値から引くの？？と。。 私の作っていたサイトでは、 width幅を７６０pxではなく「７８０px、padding左右に10px」 と記述していましたがそれでデザインはちょうどピッタシになりました。 http://www.e-washizu.co.jp/のように、いったい何が違うのでしょうか？？ 分かる方、ご回答お願いいたします＞＜
- ベストアンサー
- HTML
- HTML CSS 文字幅の固定
現在HTMLで文書を表示しているのですが、その文書の横幅を固定したいのです。 ただ、横幅は文字数で固定したいのです。 現在はひらがなで３３文字固定はできています。これは無理やりCSSのWidthで幅をピクセル単位で固定しています。 ですが、この場合だと漢字を入力すると３３文字の横幅固定ができません。 おそらく漢字には微妙な余白が設定されているのだと思うのですが、この漢字を入力した場合でも横幅の文字数で固定することが可能でしょうか？
- ベストアンサー
- HTML
- CSSのボックスのブラウザごとの解釈の違いについて
見出し（h3）と内容をそれぞれ罫線で囲んだものをCSSで作るため、以下のCSSを作りました。 IEでもFirefoxでも思ったように表示されました。 見出しと内容部分のwidthとborderとpaddingを足した数値を同じにしたので、IEで見出しと内容部分の幅が同じに表示されるのはいいのですが、Firefoxでも幅が同じにに表示されるのはなぜでしょうか？widthだけの幅は違うので、見出し(h3）の方が2px狭く表示されると思ったのですが・・・ そもそもの考え方が間違っているのでしょうか。 ご教授のほど宜しくお願い致します。 h3 { font-size: 13px; padding: 3px 3px 3px 5px; border-top: 1px solid #009933; border-right: 1px solid #009933; border-left: 5px solid #009933; margin: 0px; width: 286px; } p { font-size: 11px; border: 1px solid #009933; margin: 0px; padding: 5px; width: 288px; line-height:130%; }
- 締切済み
- HTML
- tableの幅をがっちり固定
<table width="500"> <tr> <td> 長い文字列長い文字列長い文字列長い文字列長い文字列.... </td> ... の場合、widthで500ピクセル幅を指定しているにもかかわらず横幅が500以上に成ってしまいます。 文字列に改行を加えればいいのですが、改行をしない方法で指定した500px内に納めることはできないでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- HTMLで横幅をCSSで設定できません。
HTMLで横幅をCSSで設定できません。 headerを作成しているのですが、画像のように横幅が外枠の wrapperをはみ出して表示されてしまいます。 はみ出した値は5pxとpaddingで指定した値と一致します。 headerをtableタグで作成した場合、横幅700pxの枠中での padding-left:5px;になり、横幅には変化はありません。 しかし、<div id="header">で横幅を700pxとし、 padding-left:5px;とすると、headerの横幅が 5px増えてしまいます。 <div id="header">の横幅を変化させずに、 paddingを指定することは可能なのでしょうか。 わかる方いらっしゃいましたら宜しくお願い致します。 ■HTML <html> <body> <div id="wrapper"> <div id="header"></div> </div> </body> </html> ■CSS #wrapper { width: 700px; } #header { width: 700px; padding-left: 5px; }
- ベストアンサー
- HTML
- セル内のリンク文字を中央に配置したい
セル内のリンク文字を中央に配置したい テーブルタグにdisplay:blockを使ってセル全体がリンクできるようにしたのですが、セル内の文字数が増えると(８文字以上になると？)２行になる分、高さが２倍になってしまい、セル内の文字も上下に大きく離れてしまいます。 文字数が２行になる場合でもセルの中央にリンク文字を配置し、高さも２倍にならないようにするにはどうしたらいいか教えてください 全体のwidthを600px, tableを横に４つ並べて一つ一つのtableの大きさを width: 130px; height: 70px; table同士の隙間をあけたかったのでborder-spacing: 20px;とってあります th a{width: 130px; line-height: 70px; display:block;} も入れてあります cssもホームページ作りも慣れていないのでうまく説明できていないかもしれませんが、よろしくお願いします。
- ベストアンサー
- HTML
