|
发表于 2017-5-26 15:27:47
|
显示全部楼层
, v. [3 ]: w- D3 m' ]% v- _不知是否是这样的效果(见图):8 Q2 s5 N' X: M" G1 l' D' E3 g3 r
竖图; o: n9 o; F8 E1 S& ~+ S
: l4 J+ E, R/ q; m; G8 T- m# ] a0 p8 v$ |
' _! e( r' Q! w& k% l! L% R, w6 N横图8 k: G' c, n& r) j0 @& C/ [3 \
1 _5 {/ {' |4 k! a& C$ H; M# f7 d/ w
7 j$ e- D0 H8 v用css来显示区域的大小.& {5 v$ }" q4 t/ @; U
首先要知道图片的大小. 在同一套卡片的所有图片的大小最好大致相当. 取个适当的大小值.; e2 h. [( J9 k4 `
比如竖图像素为: 552 x 1250
% _/ |" v( x" a& W- X K用css显示比图像大小要大的区域. 假设为 600 x 1280) K/ A/ ?/ ^" ]
(取小了, 图片会自动缩小.)
: B n6 z5 w% s: o, ]
( N! `4 n) \$ ^' T1, 在Styling区内后面加上css:; [9 K3 c* W* E! A- w7 l2 A
+ {3 e9 ?* ^" W$ {
.img{width:600px;height:1280px;}
3 l1 y, ?0 F* y. c3 P, \. f! v6 A# f( u+ d# {
2, 在Back Template区的字段加上标签.
% ^' z0 e, M0 G比如原来的字段为:. e8 C2 Z% k6 K2 c# o& Y9 A
{{Back}}; ` U! I Z' |) Q
& h2 B0 x! o; E4 U3 W
加上之后为:0 r2 Y3 |; B7 n. w( ~1 h5 {! d) `
<div class="img">{{Back}}</div>/ a( r0 E4 B& D; H& ^! ~- _
, o+ Y/ d8 b+ G, g2 Z
效果就是Anki的答案区的图片显示区域为: 600 x 1280像素了.
4 K, U, I: T; m/ g# E0 P
! Z" ^- v& F* w7 z# U
' ~. v" K* R( d3 W& G如果横图为: 1250 x 552) b4 n" {8 A( ?2 p1 x
则为:/ t& M# e) A+ a l& g" s
.img{width:1280px;height:600px;}
; |( M! {& c% i7 E; f3 ?
- D, F _% G7 g( `0 @- r* L
+ n6 u/ E. p% y7 y% ]6 e$ v如果设置为:
% |' p0 G* T7 M: \1 y! I V+ o.img{width:1280px;height:1280px;}
/ h' b6 b U9 b: V% M那么显示区域会很大, 在下就不知道如何设置图片居中了.
# |8 J% C- H2 _& X, Y7 w
* }$ C% n3 T* B# ~ l适逢有用, 偶然所得. 希望没有理解错误.- Y- F$ ~- k/ G% b8 L, N
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|