CSS/DHTMLバグ辞典スレッド【第５版】 (627ﾚｽ)
CSS/DHTMLバグ辞典スレッド【第５版】 http://mevius.5ch.net/test/read.cgi/hp/1144494359/
上
下
前次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
抽出解除
ﾚｽ栞
544: Name_Not_Found [age] 2013/10/20(日) 18:24:37.67 ID:??? IE10で確認。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <meta http-equiv="X-UA-Compatible" content="IE=emulateIE10"> .tategaki { writing-mode:vertical-rl; writing-mode:tb-rl; /*For under IE8*/ -ms-writing-mode:tb-rl;/*IE9互換だと無効*/ height:25%; width:100%; } <div class="tategaki" id="COL1"> <p>ここに一段目の縦書きのテキストが入ります。</p> </div> <div class="tategaki" id="COL2"> <p>ここは二段目になります。</p> </div> width:100%;を入れないと、縦書き表示なのに画面左に行が寄って、段の右から始まらない。 しかしwidthを指定すると、heightの%指定が画面表示領域横幅に対する割合になるバグが生じた。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/544
571: Name_Not_Found [sage] 2013/11/25(月) 09:37:02.67 ID:??? >>570 関連 「フロートの左右にある行の端がずれる」 http://pentan.info/stylesheet/bug/winie151.html http://mevius.5ch.net/test/read.cgi/hp/1144494359/571
615: Name_Not_Found [sage] 2019/06/11(火) 03:14:20.67 ID:??? >>614 ＞.otf p * {line-height:10%;} と指定してから これは不要だな。既に、全称セレクター*で".otf p * "に対しline-height:10%;を指定済みだから。 必要なのは、第一に、p直下の日本語文字列をインライン要素としてタグ附けすること。 それと、表示させるフォントによって{line-heightの値は上下して調整ねばならず、1.0より大きい方がいいことも。 でもボックス下部に余白が空くから、.otf , .otf * {height:1.2em;}とか、.otf p {margin:0;}とか、追記すべし。 IE11のバグまとめ > 特定のフォントでテキストの下に隙間が空く。 https://qiita.com/sawadays0118/items/bd0731878e9eb49c03f5#-%E7%89%B9%E5%AE%9A%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%A7%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%AE%E4%B8%8B%E3%81%AB%E9%9A%99%E9%96%93%E3%81%8C%E7%A9%BA%E3%81%8F 「line-heightを限りなく0に近い数値にすることでズレを回避できますが、改行した瞬間に文字が重なって終わるので現実的な解決策ではありません。」 ↑これも、line-height:1%;とかやっても利き目なかったけど、font-family先頭の欧文フォント指定と掛け合せた上で２バイト文字列のどれかを<span> </span>で挟めば、行高設定次第でずれ解消が有効になるはず。 http://mevius.5ch.net/test/read.cgi/hp/1144494359/615
上
下
前次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
1.195s*