|
发表于 2017-5-26 15:27:47
|
显示全部楼层
+ M- ^) l6 V. Y3 X不知是否是这样的效果(见图):
' y' V9 N/ u9 s# z竖图' s2 {+ t0 v D) n, @# p6 |0 L
, |* t" |6 e3 A3 a! W: j+ p* a
# A8 R$ x9 s5 R- l( o3 V4 t6 h- ~* a8 n5 ~( v
横图
4 o# i# r2 W0 l) A% I7 V* k
+ w% M1 F0 J% {) R) I1 b1 Y/ Z9 f6 B" b; H
+ R7 @- `% {* _
用css来显示区域的大小., _4 O: `9 L3 p4 f8 _2 @
首先要知道图片的大小. 在同一套卡片的所有图片的大小最好大致相当. 取个适当的大小值.) F" S* Z8 a, K8 [! \
比如竖图像素为: 552 x 1250
5 \ h1 h: C5 S* j用css显示比图像大小要大的区域. 假设为 600 x 1280; ? v: @& p. I
(取小了, 图片会自动缩小.)
3 f4 B S* X% F F5 l, E. E9 W8 x3 n. ~5 H5 u
1, 在Styling区内后面加上css:
$ s9 G! i+ q5 V3 k% y/ m! W5 @4 L# x/ Z2 ]# n
.img{width:600px;height:1280px;}! S, v0 _) b3 U6 v" Q
, j$ ]) Z# E! b, b9 U# L2, 在Back Template区的字段加上标签./ z" j+ \% F3 v$ P( u$ O# C" M
比如原来的字段为:
8 j6 Z3 L5 ~ S. L) u7 E{{Back}}
: U+ {) M" E$ M' D1 o/ ]3 u
! z& x% x' ^( ?- u( X' H加上之后为:
; U9 Q9 c: G) F! X# s. E2 t<div class="img">{{Back}}</div>+ p- @& N3 O6 y' v
: P1 p6 H# H4 U/ D, G( X3 `效果就是Anki的答案区的图片显示区域为: 600 x 1280像素了.
; i# t# [3 v5 ~+ y- z3 Z" [4 [0 ?6 T Y; n; w4 b7 D- H$ a7 n. w8 h/ B
# e4 h- ~& H6 u& k# @1 e9 M1 {0 J" d
如果横图为: 1250 x 552
1 l. e5 l; Q9 f- u- k7 m; K7 b则为: K9 z5 k5 Y/ d, j Q7 T M. D$ V
.img{width:1280px;height:600px;}; O- R, E5 H. i3 J0 d
! P# i' T4 ^% h/ m- [7 D3 P7 f3 a
: c: l6 E/ n- [如果设置为:" c# J, q: N7 K/ r3 q! _
.img{width:1280px;height:1280px;}, i# ^* W& Q( d9 }" D, l
那么显示区域会很大, 在下就不知道如何设置图片居中了.( s4 Q, V. w0 a# c$ {$ Q9 V
$ }& i8 b4 p. j- R- a( E适逢有用, 偶然所得. 希望没有理解错误.6 `: T$ Z. ` F% d- b2 t
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|