|
发表于 2015-11-17 09:44:53
|
显示全部楼层
楼主的mdd内有css, 排版可依个人需求做调整, 底下是个人小小的修改心得, 仅供参考:
# ?! H7 ?* X4 H4 ]
, }6 r; k0 p" j/ ~7 d1. 因为<sup>标记是共用的, 在不更动mdx源码情况下,
0 a: B6 T9 Q+ i+ }/ U# y. _2 R若把分子数字改为一般数字, 则其他上标也会变成不是上标..这会有问题!
3 o8 T$ Q5 c# A" L: E' a- x4 \2 ~6 [( C" J( T8 P- y# V9 N6 t
所以, 如果真要让分子不那么像上标, css可添加两行(效果参考附图)
9 K; ^1 r+ Y$ X+ A7 g: @.ihl sup{font-size:0.7em;}
; L" a% f- {# e.ihl sup + .ah7{font-size:0.7em;}
3 G, b. e4 X: v7 t2 I* R' E& w. k- j, Y当然也会将其他的上标字体改小一些..2 z& U3 I* P' Q% a% [. t% b
1 c' x7 Y: C/ M: h; \8 Q; \5 r+ f
如果mdx分数的<sup>标记可以更名, 那就可以改更多了..
6 D& u3 {" p+ N0 b例如: 再加上vertical-align:20%; 4 I& q! V' U* `- L! I
+ z; [0 v) R$ g. }
2. 图片如果不设置具体大小参数, 某些词条的大图就会覆盖整个屏幕.
. G4 w6 @2 p3 j8 \例如: mountain、mast/ e; n/ w/ I6 B& o( o/ O
.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right}
4 ~' T8 f* _9 n改为如下, 就是不设置, 大图就会覆盖整个屏幕.6 O/ i U' G7 h, a
/*.q3j{float:right;max-width:260px;max-height:380px;margin:0 1ex 1ex 1ex;clear:right} */
B' O; R; z' O$ H8 r% R$ b. p# `+ U+ e q% g
我个人的改法是手机与PC分别设置css, 手机不改, PC则改为:7 x c8 E) z' Y# v+ V! c
.q3j{float:right;max-width:60%;max-height:60%;margin:0 1ex 1ex 1ex;clear:right}
/ u8 c" n$ Z& S. J" L, z |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|