字表检索：修订间差异
来自潮语辞书
更多操作
小无编辑摘要 |
小无编辑摘要 |
||
| 第1行： | 第1行： | ||
<html> | <html> | ||
<head> | |||
<style> | <style> | ||
.entry-wrapper { | |||
display: block; /* 手机默认竖排 */ | |||
gap: 1.5em; | |||
} | |||
/* PC 端响应式：两列并排，且容器等高 */ | |||
@media screen and (min-width: 768px) { | |||
.entry-wrapper { | |||
display: flex; | |||
flex-wrap: wrap; /* 允许换行 */ | |||
gap: 1.5em 2em; /* 上下和左右间距 */ | |||
} | |||
.entry-section { | |||
flex-basis: calc(50% - 1em); /* 两列，每个占一半宽度减去间距 */ | |||
max-width: calc(50% - 1em); | |||
display: flex; /* 使子元素可拉伸 */ | |||
flex-direction: column; | |||
justify-content: flex-start; | |||
align-items: stretch; | |||
} | |||
} | |||
/* 你原有的样式 */ | |||
.entry-section { | .entry-section { | ||
border: 1px solid #333; | border: 1px solid #333; | ||
| 第14行： | 第39行： | ||
align-items: center; | align-items: center; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
height: 100%; | |||
} | } | ||
| 第81行： | 第107行： | ||
} | } | ||
</style> | </style> | ||
<div class="entry-section"> | </head> | ||
<body> | |||
<div class="entry-wrapper"> | |||
<div class="entry-section"> | |||
<div class="entry-header"> | |||
<div class="entry-char"> | |||
<a href="/index.php/丫">丫</a> | |||
<div class="char-links"> | |||
<a href="https://zi.tools/zi/丫" target="_blank" rel="noopener noreferrer"> | |||
<img src="https://ziphoenicia-1300189285.cos.ap-shanghai.myqcloud.com/home_svg/zi-tools.svg" alt="字統"> | |||
</a> | |||
<a href="https://www.zdic.net/hans/丫" target="_blank" rel="noopener noreferrer"> | |||
<img src="https://www.zdic.net/favicon.ico" alt="漢典"> | |||
</a> | |||
</div> | |||
</div> | |||
<div style="flex-grow: 1;"> | |||
<table class="pronunciation-table"> | |||
<tr><th>韩腔</th><td>a1文</td></tr> | |||
<tr><th>榕腔</th><td>a1</td></tr> | |||
<tr><th>练腔</th><td>a1</td></tr> | |||
<tr><th>练腔</th><td>a1</td></tr> | |||
<tr><th>练腔</th><td>a1</td></tr> | |||
<tr><th>练腔</th><td>a1</td></tr> | |||
<tr><th>练腔</th><td>a1</td></tr> | |||
</table> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="entry-section"> | |||
<div class="entry-header"> | |||
<div class="entry-char"> | <div class="entry-char"> | ||
<a href="/index.php/亚">亚</a> | |||
<div class="char-links"> | |||
<a href="https://zi.tools/zi/亚" target="_blank" rel="noopener noreferrer"> | |||
<img src="https://ziphoenicia-1300189285.cos.ap-shanghai.myqcloud.com/home_svg/zi-tools.svg" alt="字統"> | |||
</a> | |||
<a href="https://www.zdic.net/hans/亚" target="_blank" rel="noopener noreferrer"> | |||
<img src="https://www.zdic.net/favicon.ico" alt="漢典"> | |||
</a> | |||
</div> | |||
</div> | </div> | ||
<div style="flex-grow: 1;"> | <div style="flex-grow: 1;"> | ||
<table class="pronunciation-table"> | |||
<tr><th>韩腔</th><td>ya4</td></tr> | |||
<tr><th>榕腔</th><td>ya4</td></tr> | |||
<!-- 其他读音 --> | |||
</table> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="entry-section"> | <div class="entry-section"> | ||
<div class="entry-header"> | |||
<div class="entry-char"> | |||
<a href="/index.php/娅">娅</a> | |||
<div class="char-links"> | |||
<a href="https://zi.tools/zi/娅" target="_blank" rel="noopener noreferrer"> | |||
<img src="https://ziphoenicia-1300189285.cos.ap-shanghai.myqcloud.com/home_svg/zi-tools.svg" alt="字統"> | |||
</a> | |||
<a href="https://www.zdic.net/hans/娅" target="_blank" rel="noopener noreferrer"> | |||
<img src="https://www.zdic.net/favicon.ico" alt="漢典"> | |||
</ | </a> | ||
</div> | |||
</div> | |||
<div style="flex-grow: 1;"> | |||
<table class="pronunciation-table"> | |||
<tr><th>韩腔</th><td>ya4</td></tr> | |||
<tr><th>榕腔</th><td>ya4</td></tr> | |||
<!-- 其他读音 --> | |||
</table> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="entry-section"> | <div class="entry-section"> | ||
<div class="entry-header"> | |||
<div class="entry-char"> | |||
<a href="/index.php/桠">桠</a> | |||
<div class="char-links"> | |||
<a href="https://zi.tools/zi/桠" target="_blank" rel="noopener noreferrer"> | |||
<img src="https://ziphoenicia-1300189285.cos.ap-shanghai.myqcloud.com/home_svg/zi-tools.svg" alt="字統"> | |||
</a> | |||
<a href="https://www.zdic.net/hans/桠" target="_blank" rel="noopener noreferrer"> | |||
<img src="https://www.zdic.net/favicon.ico" alt="漢典"> | |||
</ | </a> | ||
</div> | |||
</div> | |||
<div style="flex-grow: 1;"> | |||
<table class="pronunciation-table"> | |||
<tr><th>韩腔</th><td>ya1</td></tr> | |||
<tr><th>榕腔</th><td>ya1</td></tr> | |||
<!-- 其他读音 --> | |||
</table> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | |||
</html> | </html> | ||
