|
|

楼主 |
发表于 2016-6-26 07:42:56
|
显示全部楼层
2016.06.26更新:
: u9 |5 |+ E0 a: D1. 修正EXCEL里3栏的第二栏索引公式引用单元格判断错误9 _: S9 C9 T/ Q; c" H5 j8 x
2. 增加3栏自适应屏幕大小的示例文件(.txt .mdx .css .png) ECD2_00560 m L0 T8 _: @/ B
CSS里其实很多数据都是需要自行调整至最优化的!
0 E3 l, r4 u- d3 _6 N3 U9 t% U0 V1 ?8 }) i
0 l2 j4 f. o: X9 V
U0 ~" B) b1 i7 x: u: r* B! Q7 Q7 `一个词条的txt、CSS:! H5 F6 R' f6 ]. V2 Z( k
) _* h# y0 g2 q A
- amazing9 j- d, {/ {7 H. }9 t5 f
- <link rel="stylesheet" type="text/css" href="ECD2_P.css">) x* w" L3 r# I' B$ v N
- <ECD2_P>4 f! d# m" | g
- <LIST_TOP><a href="entry://ECD2_封面">封面</a> | <a href="entry://ECD2_内封">内封</a> | <a href="entry://ECD2_版权页">版权页</a> | <a href="entry://ECD2_目录">目录</a> | <a href="entry://ECD2_前言">前言</a></LIST_TOP>8 y p3 h. U( j9 U6 J
- <PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>5 P* b; j5 x! P2 ]$ ]7 G
- <PAG_T><a class="prev" href="entry://ECD2_0055">0055</a><a class="curr" href="entry://ECD2_0056">0056</a><a class="next" href="entry://ECD2_0057">0057</a></PAG_T>- S+ I3 H# u# c+ P7 [1 O
- <div class="ALL">
) M/ w, l. ^& r$ P) O! _ - <div class="LEFT">
. ?2 z1 D1 B2 r$ V# Y( B - <a name="0056_L1" href="entry://amazement"><div class="HW_L" style="margin-top:8.37%"></div></a><a name="0056_L2" href="entry://amazing"><div class="HW_L_C" style="margin-top:15.09%"></div></a><a name="0056_L3" href="entry://Amazon"><div class="HW_L" style="margin-top:24.6%"></div></a><a name="0056_L4" href="entry://Amazon"><div class="HW_L" style="margin-top:28.6%"></div></a><a name="0056_L5" href="entry://Amazon ant"><div class="HW_L" style="margin-top:38.18%"></div></a><a name="0056_L6" href="entry://Amazonia"><div class="HW_L" style="margin-top:40.98%"></div></a><a name="0056_L7" href="entry://Amazonian"><div class="HW_L" style="margin-top:46.33%"></div></a><a name="0056_L8" href="entry://amazonite"><div class="HW_L" style="margin-top:51.84%"></div></a><a name="0056_L9" href="entry://amb."><div class="HW_L" style="margin-top:56.07%"></div></a><a name="0056_L10" href="entry://ambages"><div class="HW_L" style="margin-top:57.43%"></div></a><a name="0056_L11" href="entry://ambagious"><div class="HW_L" style="margin-top:64.22%"></div></a><a name="0056_L12" href="entry://ambary"><div class="HW_L" style="margin-top:68.3%"></div></a><a name="0056_L13" href="entry://ambassador"><div class="HW_L" style="margin-top:70.86%"></div></a><a name="0056_L14" href="entry://ambassador-at-large"><div class="HW_L" style="margin-top:84.6%"></div></a><a name="0056_L15" href="entry://ambassador extraordinary"><div class="HW_L" style="margin-top:88.67%"></div></a><a name="0056_L16" href="entry://ambassador extraordinary and plenipotentiary"><div class="HW_L" style="margin-top:90.11%"></div></a><a name="0056_L17" href="entry://ambassadorial"><div class="HW_L" style="margin-top:92.98%"></div></a><a name="0056_L18" href="entry://ambassador plenipotentiary"><div class="HW_L" style="margin-top:98.26%"></div></a><a name="0056_L19" href="entry://ambassadorship"><div class="HW_L" style="margin-top:99.62%"></div></a><a name="0056_L20" href="entry://ambassadress"><div class="HW_L" style="margin-top:106.49%"></div></a><a name="0056_L21" href="entry://ambatch"><div class="HW_L" style="margin-top:109.28%"></div></a><a name="0056_L22" href="entry://ambeer"><div class="HW_L" style="margin-top:111.92%"></div></a><a name="0056_L23" href="entry://amber"><div class="HW_L" style="margin-top:114.71%"></div></a><a name="0056_L24" href="entry://amberfish"><div class="HW_L" style="margin-top:122.86%"></div></a><a name="0056_L25" href="entry://amber fluid"><div class="HW_L" style="margin-top:124.3%"></div></a><a name="0056_L26" href="entry://ambergris"><div class="HW_L" style="margin-top:125.73%"></div></a><a name="0056_L27" href="entry://amberite"><div class="HW_L" style="margin-top:129.73%"></div></a>8 J. _4 q% Q# _ ^/ G; k
- <img src="0056.png"/>7 E+ j! V, F% f/ G4 O1 ?
- </div>
% N' m$ }) f [- [" ]4 d - <div class="MID">
+ {( B2 \! z0 H& ]- p - <a name="0056_M1" href="entry://amberjack"><div class="HW_M" style="margin-top:5.5%"></div></a><a name="0056_M2" href="entry://amber liquid"><div class="HW_M" style="margin-top:8.15%"></div></a><a name="0056_M3" href="entry://Amberlite"><div class="HW_M" style="margin-top:9.5%"></div></a><a name="0056_M4" href="entry://amberoid"><div class="HW_M" style="margin-top:12.15%"></div></a><a name="0056_M5" href="entry://ambi-"><div class="HW_M" style="margin-top:13.58%"></div></a><a name="0056_M6" href="entry://ambiance"><div class="HW_M" style="margin-top:16.22%"></div></a><a name="0056_M7" href="entry://ambidexter"><div class="HW_M" style="margin-top:17.73%"></div></a><a name="0056_M8" href="entry://ambidexterity"><div class="HW_M" style="margin-top:23.24%"></div></a><a name="0056_M9" href="entry://ambidext(e)rous"><div class="HW_M" style="margin-top:27.32%"></div></a><a name="0056_M10" href="entry://ambience"><div class="HW_M" style="margin-top:36.83%"></div></a><a name="0056_M11" href="entry://ambient"><div class="HW_M" style="margin-top:48.98%"></div></a><a name="0056_M12" href="entry://ambient air standard"><div class="HW_M" style="margin-top:57.28%"></div></a><a name="0056_M13" href="entry://ambient music"><div class="HW_M" style="margin-top:58.71%"></div></a><a name="0056_M14" href="entry://ambiguity"><div class="HW_M" style="margin-top:62.79%"></div></a><a name="0056_M15" href="entry://ambiguous"><div class="HW_M" style="margin-top:73.73%"></div></a><a name="0056_M16" href="entry://ambilingual"><div class="HW_M" style="margin-top:84.67%"></div></a><a name="0056_M17" href="entry://ambiplasma"><div class="HW_M" style="margin-top:87.32%"></div></a><a name="0056_M18" href="entry://ambipolar"><div class="HW_M" style="margin-top:90.03%"></div></a><a name="0056_M19" href="entry://ambisextrous"><div class="HW_M" style="margin-top:92.75%"></div></a><a name="0056_M20" href="entry://ambisexual"><div class="HW_M" style="margin-top:98.18%"></div></a><a name="0056_M21" href="entry://ambisonic"><div class="HW_M" style="margin-top:103.77%"></div></a><a name="0056_M22" href="entry://ambisyllabic"><div class="HW_M" style="margin-top:109.2%"></div></a><a name="0056_M23" href="entry://ambit"><div class="HW_M" style="margin-top:113.2%"></div></a><a name="0056_M24" href="entry://ambitendency"><div class="HW_M" style="margin-top:120.15%"></div></a><a name="0056_M25" href="entry://ambition"><div class="HW_M" style="margin-top:122.79%"></div></a>9 ^" Z0 ]$ i+ E) @
- <img src="0056.png"/>$ r# _3 }( ~' C% Q' ~% l7 H5 F3 O
- </div>1 B" H* I E6 S% |3 q9 v
- <div class="RIGHT">, \/ T% V/ v0 Q0 `0 S3 u
- <a name="0056_R1" href="entry://ambitious"><div class="HW_R" style="margin-top:20.37%"></div></a><a name="0056_R2" href="entry://ambivalence"><div class="HW_R" style="margin-top:35.47%"></div></a><a name="0056_R3" href="entry://ambivalent"><div class="HW_R" style="margin-top:44.9%"></div></a><a name="0056_R4" href="entry://ambiversion"><div class="HW_R" style="margin-top:60.07%"></div></a><a name="0056_R5" href="entry://ambivert"><div class="HW_R" style="margin-top:64%"></div></a><a name="0056_R6" href="entry://amble"><div class="HW_R" style="margin-top:67.01%"></div></a><a name="0056_R7" href="entry://amblygonite"><div class="HW_R" style="margin-top:80.52%"></div></a><a name="0056_R8" href="entry://amblyopia"><div class="HW_R" style="margin-top:84.67%"></div></a><a name="0056_R9" href="entry://ambo"><div class="HW_R" style="margin-top:88.75%"></div></a><a name="0056_R10" href="entry://amboceptor"><div class="HW_R" style="margin-top:92.67%"></div></a><a name="0056_R11" href="entry://Amboina"><div class="HW_R" style="margin-top:95.62%"></div></a><a name="0056_R12" href="entry://Amboina wood"><div class="HW_R" style="margin-top:99.54%"></div></a><a name="0056_R13" href="entry://Amboinese"><div class="HW_R" style="margin-top:102.26%"></div></a><a name="0056_R14" href="entry://Ambon"><div class="HW_R" style="margin-top:107.77%"></div></a><a name="0056_R15" href="entry://Amboyna wood"><div class="HW_R" style="margin-top:112%"></div></a><a name="0056_R16" href="entry://ambroid"><div class="HW_R" style="margin-top:113.13%"></div></a><a name="0056_R17" href="entry://Ambrose"><div class="HW_R" style="margin-top:114.79%"></div></a><a name="0056_R18" href="entry://Ambrose"><div class="HW_R" style="margin-top:116.07%"></div></a><a name="0056_R19" href="entry://ambrosia"><div class="HW_R" style="margin-top:120.07%"></div></a><a name="0056_R20" href="entry://ambrosial"><div class="HW_R" style="margin-top:127.01%"></div></a><a name="0056_R21" href="entry://Ambrosian chant"><div class="HW_R" style="margin-top:131.09%"></div></a>
/ V4 {6 |9 F; k! } O: u6 B - <img src="0056.png"/>
/ n1 K1 Q, ~3 i- C- Y+ c9 ]: _ - </div>3 K* L' v7 e5 Q$ a" @
- </div>2 O0 U$ Y `* `9 O5 _5 g# k7 S
- <PAG_T><a class="prev" href="entry://ECD2_0055">0055</a><a class="curr" href="entry://ECD2_0056">0056</a><a class="next" href="entry://ECD2_0057">0057</a></PAG_T>8 {! c0 L9 v1 I0 y% n
- </ECD2_P>, j8 Z4 X7 ]2 z. L# S
- </>" Y4 m/ Y- |* x7 R
复制代码
8 [+ N* s$ }! I9 g& P2 [
! q* t+ S' g* S2 q/ S C0 x% B) g- ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}$ m/ [: g9 ?/ b" P, s/ p2 y
- ECD2_P a{text-decoration:none;color:inherit;}
, ^- i* {% v7 J1 V q" A, q: e F$ z, G - ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}
1 g8 C' ^4 O% n/ V0 U - ECD2_P a.prev{display:inline-block;width:33.3%}4 h" x) b: o3 \& Z4 L4 ^
- ECD2_P a.curr{display:inline-block;width:33.3%;}
/ Y, b+ j) k4 I, e4 f( g: U2 _ - ECD2_P a.next{display:inline-block;width:33.3%}! D* \3 o% m& D% V9 |5 ?& ?% z
- ECD2_P HW{font-size:1.1em;font-weight:bold;}
8 S" g( H1 x, c& \ - ECD2_P HW::before{content:"➔ ";}) R# |! \& F0 {9 u; X/ T' l
- ECD2_P LIST_TOP{font-size:.75em;}
$ ]: }6 F I6 Q6 X - ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
4 a" b9 ]/ z) z. s+ @' Q7 U - ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}
5 {8 |" Y# ? x - ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}
0 }* b- P: o# T/ C - ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}
; S3 q7 R$ D* X/ p - ECD2_P div.S_PAG img {width:100%;}1 w7 {+ U+ k4 F
- ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}) Z! s5 R6 E; C& y n
- ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}
E% X: P8 A- U4 x7 P - ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}
% C. B R" l2 N - ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}6 o* V9 R# f3 v
- ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}
- X- u3 }( s5 i' r - ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}9 d% x+ c4 N, L$ I/ S% ~1 Z
- ) o2 u! N; w; m
- @media screen and (max-width:400px) {
. ]1 [* B; f" p/ n( r# {. N - ECD2_P a.prev::before{content:"上: "}! M! {& M% L) e, }" y
- ECD2_P a.curr::before{content:"● "}4 p( B; [6 l$ C' @1 H
- ECD2_P a.curr::after{content:" ●"}' E3 b: \1 W1 P8 N& e) o$ o
- ECD2_P a.next::before{content:"下: "}' I, M+ l& D9 o" \, D
- ECD2_P div.ALL{width:358px;overflow:hidden;}
% ?; y' d1 {; i; j7 z6 { - ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}
0 Z* q6 j; z2 H9 N& p) d0 |! Q3 X6 w - ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}/ N* x4 a# j0 C
- ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}
5 {* ?- @9 M+ w, o5 G8 w# `: }# L - ECD2_P img {width:100%;height:auto;}
, b! ^4 @9 e! i" q0 D - }
0 [, Z5 v- c( W/ R, k" I - ' m& W! q& s D
- @media screen and (min-width:401px) {! }( \8 C8 K' N/ w: k
- ECD2_P a.prev::before{content:"上一页: "}$ F6 ^& k3 V+ y: G- s
- ECD2_P a.curr::before{content:"当前页: "}0 T+ G! o3 C$ t( q4 e- j' ?( c
- ECD2_P a.next::before{content:"下一页: "}' k% t4 W% k3 r9 z2 W5 V9 r# Y
- ECD2_P div.ALL{width:100%;overflow:hidden;}
: Y+ [3 o. ~$ E! I - ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}( q5 A3 U/ r$ |
- ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/# N) r1 B% K2 [: F4 Y; A
- ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/9 T" ^/ _* f- H: A! y
- ECD2_P img {width:100%;height:auto;}5 ]8 t! b9 ?* u- Z- V/ m3 R
- }& A; `9 \6 m; Z4 g0 p
复制代码 |
|