|
发表于 2017-5-26 15:27:47
|
显示全部楼层
; l, Z! E3 H; g' x& Y
不知是否是这样的效果(见图):
4 C [) V }6 d( p5 {竖图8 l3 H2 ]0 F3 }
3 v- T0 |: @0 g( I5 S2 m
" o c4 p) x0 A3 d
0 t8 V+ O9 A+ T- I* _! {
横图5 D) | h8 V# q0 h m, D
4 v( ]( n' R/ V3 l0 _, ^6 N9 ~: A" Z- j; X; [3 `
1 b- p9 _# Y4 R0 m用css来显示区域的大小.5 X7 q. o1 d" l, D- {& Y5 }
首先要知道图片的大小. 在同一套卡片的所有图片的大小最好大致相当. 取个适当的大小值.
6 T0 a: p' F9 _! S3 @' e8 ~比如竖图像素为: 552 x 12509 ^1 O2 Q4 `) G2 a w* V) X& {4 r
用css显示比图像大小要大的区域. 假设为 600 x 1280/ H3 T, r5 U' u: v8 n& @; t: O- j/ ]
(取小了, 图片会自动缩小.): Y6 h7 Z* C8 R5 Q! Y5 J8 A0 I
* y+ ?% P5 J0 f& v1 X* C
1, 在Styling区内后面加上css:+ b: u: z. S, ~! I7 d1 S" y+ h0 q
: i3 E# T7 }6 B) @& y1 T
.img{width:600px;height:1280px;}; c j6 F% j5 r: p
8 M; ?) m. S4 e1 l) b* g8 ?) T2, 在Back Template区的字段加上标签.4 Z; u% p6 Z" x/ X7 s
比如原来的字段为:
. F& A! v1 g3 e% ]% J7 ?{{Back}}
' x) I+ j% Q6 x$ m" S; ?2 ?
4 p$ W0 ?% p6 l( h& i加上之后为:8 r; Q0 V; m. j) @& A
<div class="img">{{Back}}</div>
% _' r+ Y5 O7 P3 _6 v3 I6 |, ~$ l1 L8 I3 D3 W3 H+ w7 U+ S" \
效果就是Anki的答案区的图片显示区域为: 600 x 1280像素了.3 {/ ~. |" h) u/ f! I
: T% ^7 V/ L# e& c' b! S; ^
9 {6 O" _( W6 F$ i
如果横图为: 1250 x 5524 U; z8 q) b& r% o, ~/ ~3 A
则为:
/ b3 r$ A5 D) _ i) T' e- g& o.img{width:1280px;height:600px;}
2 a/ Q' K4 ~1 T* \ I7 l) T. c. z6 V! f1 s( ~' f9 a
4 ?% E: M1 R, O( Y' e如果设置为: l$ k$ W1 d6 H: ]
.img{width:1280px;height:1280px;}# d0 o! S+ W4 T3 O! I" N$ \$ e
那么显示区域会很大, 在下就不知道如何设置图片居中了.# q# i k3 k6 g5 R. ?6 ^
- b3 u2 p' W$ r v" j$ F% I
适逢有用, 偶然所得. 希望没有理解错误.
- T. d0 E- F+ `8 | |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|