|

楼主 |
发表于 2016-6-26 07:42:56
|
显示全部楼层
2016.06.26更新:
F$ H5 f% ?6 \: K+ T3 _( O/ E1. 修正EXCEL里3栏的第二栏索引公式引用单元格判断错误
. T) L7 |5 W, B) ?3 ^2. 增加3栏自适应屏幕大小的示例文件(.txt .mdx .css .png) ECD2_0056% Y6 {& b5 E& Y+ z3 U
CSS里其实很多数据都是需要自行调整至最优化的!+ |4 K: W7 z* v1 D
# C. Q7 y4 p5 B4 G/ c6 M

+ D$ R; H6 D7 |* v K0 d& E1 e" R, `6 T* j
一个词条的txt、CSS:
3 ~/ R% M, ~% w; }! G1 L" D, U- ?! V* E! ?* [) g, u
- amazing$ m* O2 X' F5 ^
- <link rel="stylesheet" type="text/css" href="ECD2_P.css">$ P& } T* ^2 p' C1 Z. S
- <ECD2_P>$ @/ T1 ^% {& K
- <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>
6 b" w2 |8 u0 {! R8 r2 c - <PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>
0 q& p5 ?6 s. S b- t - <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>
+ t- ^5 b& @8 P$ ^3 u2 b - <div class="ALL">! W; t4 M9 P) o8 a" r) G! |: J5 f2 z
- <div class="LEFT">5 e0 u1 G- C- H# _& ]' t0 Y
- <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>& D/ \( l" b7 w
- <img src="0056.png"/>5 A! z- f ]( P/ `0 R
- </div>
7 S' s9 p O: h; H3 T2 F& k - <div class="MID">
5 T/ x f* B$ i% I: w( N - <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>' i: Q, x- a0 _3 G
- <img src="0056.png"/>4 O2 P8 |* u- b, K1 @
- </div>
7 F" m& I; Y& @( N - <div class="RIGHT">
, L' D( H* U& P/ q, i' \ - <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>& c. k5 W3 v5 |8 ~+ F9 V8 w
- <img src="0056.png"/>
0 c! b; Z7 D* o$ }$ M" w - </div>2 ^, i# `4 f0 s% s/ K3 Q5 z; C. Q
- </div>
& W; J! b7 l& Q& X - <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>- f% P7 ^* i. Y* n: u" H; r
- </ECD2_P>- t6 V; J6 v" h- x3 H. Z
- </>( o6 g8 P6 y1 r' `+ j$ l% V( S P- D4 ^
复制代码 ! b4 `) C5 z: r G \, u6 L$ u
- Z; b$ ], D4 Z) N- `( r- ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}" T0 o/ D8 U: ]5 ~0 |+ P
- ECD2_P a{text-decoration:none;color:inherit;}3 R& P( ?* i, T9 p
- ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}
: z9 g7 G8 Y- `/ I8 W - ECD2_P a.prev{display:inline-block;width:33.3%}
3 ]& w3 t( b2 b% }: I - ECD2_P a.curr{display:inline-block;width:33.3%;}
4 U3 c. S' V; s% b+ {6 C' q - ECD2_P a.next{display:inline-block;width:33.3%}5 A5 U* A, q" J) B( S4 R4 g n e
- ECD2_P HW{font-size:1.1em;font-weight:bold;}
. {* C7 p6 c7 \ - ECD2_P HW::before{content:"➔ ";}/ f$ Y! R- V6 {
- ECD2_P LIST_TOP{font-size:.75em;}
8 D/ C" ~& m+ _, f& X6 D - ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
# l2 g/ N5 {8 c: Y8 Z - ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}+ n4 F7 O/ ?& ^+ z; E
- ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}7 j* H8 ^/ Z% H8 c& K
- ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}" D6 U5 f: a: l$ d* R# s
- ECD2_P div.S_PAG img {width:100%;}/ f- F+ y# R" f9 E9 n
- ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}% L+ x, F+ Q5 O/ J$ E3 M
- ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}* i( J6 F J2 N, d* F9 n( x) O
- ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}
- P2 w+ [& k" c. m! b! t5 N8 Z - ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}, y7 Q7 |% l6 r; m1 @! r3 S
- ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;} k0 R" k! ]- H
- ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}
: u: J( o6 F/ s ]* Q, q" E - ! x& O# m8 z7 h
- @media screen and (max-width:400px) {
% Q t( X. p& K - ECD2_P a.prev::before{content:"上: "}
$ U4 p6 Y' t0 J0 w - ECD2_P a.curr::before{content:"● "}
2 U2 R6 ]$ E- f/ W; G& I3 w: n - ECD2_P a.curr::after{content:" ●"}# F% w2 e. y; q; f3 U
- ECD2_P a.next::before{content:"下: "}8 d( }. f+ D4 F; @ b9 @
- ECD2_P div.ALL{width:358px;overflow:hidden;}
: v+ y: f$ E/ A# b: Y - ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}. a% Q( m9 [: G @, U' X1 J0 E8 ~
- ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}# g" Y1 D, Z4 y' K3 Y
- ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}) C9 U4 {' {5 b8 m }3 g, A& z
- ECD2_P img {width:100%;height:auto;}$ G, [, K: Y2 i9 K+ O$ A# v
- }
- g I) J4 F ^
. b$ ~: [/ V. D# }# o: I- @media screen and (min-width:401px) {! T+ n" k, i1 C) |7 M$ M; h
- ECD2_P a.prev::before{content:"上一页: "}' W. W- T0 R5 y [2 l! e* W& _
- ECD2_P a.curr::before{content:"当前页: "}" \! [9 I7 E5 c4 C0 `) B; u+ q% K
- ECD2_P a.next::before{content:"下一页: "}
& E; w9 b: h1 ~( L8 S - ECD2_P div.ALL{width:100%;overflow:hidden;}
7 C4 R) s5 k. ^ - ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}( p" P: H5 @* F$ s6 X
- ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/6 x( i$ W8 g. ` L# R7 x/ h
- ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/: y C y) [1 M/ q1 N% _/ [
- ECD2_P img {width:100%;height:auto;}; @7 P* d" R/ F4 i3 x: f$ Z
- }
0 c) F! h7 k1 l+ W5 W. Q# a5 h4 S
复制代码 |
|