[position]のmarginbは指定しても意味がなかった件

4/30追記:message_inner p にpadding-bottom でどうにか出来そうだけども・・・。


なんてこった。

kag.tag.jsの「text]タグのところに、自動改行の設定っぽい部分があるのですが、
message_inner > p のheight が、position パラメータの、height * 0.8 で自動改行となっているのです。

…と、いう事は、どんなにmargin値を指定して、message_inner サイズを決めても、
height * 0.8 まではテキストが表示されちゃうのです。
そら、margint を指定してたらほとんどのケースではみ出ますね。

なんてこった。

ついでに、個人的に今まで謎だった position の margin パラメーターの謎も解けました。
解ってみれば、成程という感じですが。margin じゃなかったのかー!

message_outer はそのままです。
message_inner のサイズ。(左がCSS = の右はパラメータ値です)
top = top + 10
left = left + 10
height = height – marginb – 10(たぶんtopの+10分)※実質テキスト表示範囲は height * 0.8
width = width – marginl – 10(たぶんleftの+10分)
padding-top = margint
padding-left = matinl

尚、box-sizing:border-box は標準では指定されていませんので。
marginr には、marginl + 実際に設定したい数値 を指定する必要があります。
marginb は指定してもあまり意味がないです。

kag.tag.js

改造案。
しかし、これだと、outer も inner もサイズきっちり指定しないといけないので、
自分で改行、改ぺージ指定するから適当でいいよ!という方は逆に面倒くさいかな・・・。

var j_outer_message = this.kag.getMessageOuterLayer();
var limit_height = parseInt(j_outer_message.css("height")) * 0.8;

↓

var j_inner_message = this.kag.getMessageInnerLayer();
var limit_height = parseInt(j_inner_message.height()) -15;

inner のheight に -15 を指定してるのは、行間的な問題で、微妙にサイズ余っちゃった時の補正的な。
20だと多いかなと思いまして。

…さて、掲示板に書くか悩む。こんなのわかってる人多そうだしな…

Pocket
LINEで送る

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です