文字サイズを大にすると下記写真の表示されますが何か対策がありますか。
写真の上が文字サイズを大です。下が文字サイズを中です。
.up {font-size:0.82em;vertical-align:super;}
.wmx {width:57em;clear:both;}
.s05 {margin-left:5em;}
.l03 {width:3em;float:left;}
.l08 {width:8em;float:left;}
.l18 {width:18em;float:left;}
.l20 {width:20em;float:left;}
.s009 {margin-left:0.9em;}
.rz {font:0.9em/110% "MS 明朝",serif;letter-spacing:0.1em;}
.m_f {margin-top:0.3em;}
.rt {font:0.71em/100% "MS 明朝",serif;}
.c_b {clear:both;}
.mtf {margin-top:0.2em;}
<div class="wmx"> 駿州庵原郡樽の上村、武田甚右エ門の子に、兄に左次右エ門、弟に権兵衛といふ者あり、かの権兵衛25の年、<span class="up">(今より)</span>3
<div class="s05 l18"><div class="s009 rz">辛 未</div></div><div class="s009 l08"><div class="rz">狩り</div></div></div><div class="l20"><div class="m_f rt">けんぞくかえ</div></div><div class="l03"><div class="m_f rt">しし</div></div>
<div class="c_b">0年以前、かのとひつじの年正月17日に、竜爪山に殺生に出て、我が眷 属 鹿のしし16匹連れて遊びゐる中に、鹿の額白く</div>
<div class="c_b"><div class="mtf">背筋同じく白房の如くなるを、<span class="up">(彼の者が)</span>鉄砲にて撃ちとむる。それによって我、彼の者に乗り移る。<span class="up">(その結果彼の者は)</span>言葉乱</div>
超段組で作成の文字ずれの対応方法を教えて下さい
http://ryuso.info/rk/rk275_277.htm
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
そもそもHTMLの段階で適正ではありません。
JS,CSSを非表示にしてHTMLレベルで確認しましょう。
それで、
文章や言葉が読めるようにしてから、CSSで装飾します。
残念ですが、
小学生が足し算を覚える前に掛け算を使っているような感じです・・・
例えば、ガラケー携帯で読んだり、
全般部分をHTMLで読むと、
-----------------
駿州庵原郡樽の上村、武田甚右エ門の子に、兄に左次右エ門、弟に権兵衛といふ者あり、かの権兵衛25の年、(今より)3
辛 未
狩り
けんぞくかえ
しし
0年以前、
------------------
このようになり、全く文章になっていません・・・
つまり、
見え方や改行が云々よりも、まずはHTMLで多くの環境で読めるよう
まずは、基本のHTMLを勉強して下さい。
文章は、
<div>ではなく段落の意味で、<p>で文章単位の段落を形成します(囲います)。
その<p>段落内では、
あくまで“基本的”にはですが、文章の途中で改行しません。
回答ありがとうございます
すいません フレーム分割のみ発生します
ルビをサポートしていないMAXブラザーでも表示できるように作成されています。
段組の作成を<p>で作成するのですか
対策として1行の文字数を減らすか 縦書きサポートしていないMAXブラザーで表示方法で作成か迷っていましてので質問してみました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript htmlとcssに関する質問です 3 2022/12/06 05:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
複数のボタンを等間隔に、かつ...
-
div要素が重なってします
-
html の divとtable の役割
-
グラフィックス
-
divとpの使いわけ
-
画面を縮小するとカラムが落ち...
-
フッターがウインドウの一番下...
-
idとclassの指定方法
-
htmlの見出しタグ(<h1>)の次...
-
<div id="container">の使いか...
-
htmlのolやulなどlistにtitleや...
-
reuterのScraypingで不思議な現...
-
レスポンシブかつ、スマホ、携...
-
ホームページ作成会社を探して...
-
<BR> が多数連続しています。
-
リストで画像を右に表示したい
-
コンピューターの画像ブロック
-
特定範囲内のCSSの継承を断ち切...
-
<!-- #BeginLibraryItemとは
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報