|
楼主 |
发表于 2016-6-26 07:42:56
|
显示全部楼层
2016.06.26更新:
/ x% R& e; C$ l* j- M1. 修正EXCEL里3栏的第二栏索引公式引用单元格判断错误
' X+ p/ g6 [* Q: ?* U2. 增加3栏自适应屏幕大小的示例文件(.txt .mdx .css .png) ECD2_0056: c! \: ^. G* g" ~) s4 x
CSS里其实很多数据都是需要自行调整至最优化的!4 k7 _1 N8 n: J0 [
8 f' ^1 L! Y4 r9 M+ V. d
. q9 ? `& k% M: j% p6 B* O! D$ j3 J. S& e
一个词条的txt、CSS:( z8 d1 K% e5 d; o
$ [% L! O2 c. R, e/ U- amazing, K9 C& S* d4 K+ ]: h |3 h
- <link rel="stylesheet" type="text/css" href="ECD2_P.css">- w5 }) a6 e( a5 |$ Q! I
- <ECD2_P>) m% V0 Z+ B! E }' x
- <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>
# S7 r4 b5 A" f7 U0 k - <PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>
+ I" M* k- h0 _ N) t, d" j$ u - <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>' a( X d. g/ S( V- {
- <div class="ALL"> D+ p$ H }: q, }- F; a' d4 `
- <div class="LEFT">3 b9 d) M6 p+ T9 R- y$ s
- <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>+ A7 s. ?/ C6 g5 L3 `9 R
- <img src="0056.png"/>
! g( i6 n d i0 Z% l - </div>* Z3 f7 c# h5 D; H2 \7 ]4 `
- <div class="MID">
# P* [9 }7 Q |1 ?) u! S# W - <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>( G* N- L2 N7 D& Y. P9 W9 H
- <img src="0056.png"/>3 i9 {. W2 M! X1 Q
- </div>9 _! J5 S) S f
- <div class="RIGHT">
8 I) `( i5 H% X# _5 p1 s6 ^: P - <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># T# h5 N- @* S( r2 o* n) P7 a
- <img src="0056.png"/>; c* Q" l. ]4 |& p- \) h
- </div>" i9 r2 j6 w* C$ r
- </div>* n I) x- \; N* \" |
- <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>
' ~5 }' F3 q+ {& d; t' [1 q$ W% D - </ECD2_P>. @7 h, b2 H, C8 R$ }5 D7 E/ ^* c( G( N
- </>7 q" T; m) G7 l3 t& J; }# o
复制代码
. Y. @' @8 l$ |3 f& h1 J5 v" }! n( M/ V
- ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}5 G) F* s$ _, o1 X1 V0 U
- ECD2_P a{text-decoration:none;color:inherit;}
% u& W. S% }4 D - ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}
& y0 U5 N& G8 Q6 a1 U - ECD2_P a.prev{display:inline-block;width:33.3%}
; f' P x, H& E* V# l, ^ - ECD2_P a.curr{display:inline-block;width:33.3%;}
9 ?0 u+ E: P/ S7 v) x - ECD2_P a.next{display:inline-block;width:33.3%}
+ A2 U" L2 G6 c) V - ECD2_P HW{font-size:1.1em;font-weight:bold;}
: ^) R$ L9 z2 P) q7 m - ECD2_P HW::before{content:"➔ ";}& n: w9 t5 q: _9 V0 l, N* l
- ECD2_P LIST_TOP{font-size:.75em;}0 x) T! x$ H( A6 K
- ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}) T! i9 b+ T/ Y5 |: c" c! B( B4 {
- ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}
% C2 H% r1 f$ x; w4 L - ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}% O' I; A& Y# s; _$ ~% y. W
- ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}6 B0 m) V" `4 I: s$ n& u
- ECD2_P div.S_PAG img {width:100%;}
8 X& ~$ k2 v; B; I$ {1 P$ Y - ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}( W9 L" Q9 A% ^8 {6 a. q
- ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}" L7 i0 w! Z$ ^( | z
- ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}+ K% ]/ h6 s5 G4 a
- ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}& k1 W( T6 T& Q
- ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}7 ^3 _3 |# T! Q% e& U6 E
- ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}
, a; V" y! J$ {: j
+ d$ O$ @1 z4 |3 r7 w# y' G- @media screen and (max-width:400px) {
' l Z" x7 E" h2 _; y* @, T. o - ECD2_P a.prev::before{content:"上: "}: A4 i, P) [" H5 f7 p9 M
- ECD2_P a.curr::before{content:"● "} L ?; u' o. Y( V" x4 ^
- ECD2_P a.curr::after{content:" ●"}
1 f' d ?6 Y$ v7 x+ B - ECD2_P a.next::before{content:"下: "}
& K# t& U* ~ v& ` - ECD2_P div.ALL{width:358px;overflow:hidden;} Q! y; J& _" L% \
- ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}
; {4 `. p$ b7 Y6 e& M1 ^8 l - ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}3 M& s: @8 K5 S! C# M
- ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}
, \1 o7 c" d: |" ] U1 [5 F8 m - ECD2_P img {width:100%;height:auto;}$ n( V5 Z W+ y
- }$ q& ], P; Q8 T f$ F% M
- 1 b4 m6 `, H5 ?& [: F$ s
- @media screen and (min-width:401px) {
1 K' X ^' s. ?" b- K - ECD2_P a.prev::before{content:"上一页: "}
% U0 x# e0 u- x - ECD2_P a.curr::before{content:"当前页: "}' o% X1 T# P4 I) h a
- ECD2_P a.next::before{content:"下一页: "}9 X1 M# @$ A- ?" e& P7 k* E5 V; ^
- ECD2_P div.ALL{width:100%;overflow:hidden;}
" b$ D5 |" y- O - ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}
, H( Q1 v/ a8 @) u8 C9 | - ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
4 e- {% X Q9 P- n( m& P& s6 L - ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
+ e2 V3 e9 J# G. g' i - ECD2_P img {width:100%;height:auto;}
, z& R$ f0 Z% t% U" l - }
- i$ K8 p# p) J& \6 C
复制代码 |
|