LLWiki正在建设中,欢迎加入我们!
“Widget:Lyrics”的版本间差异
跳转到导航
跳转到搜索
小 |
小 (// 使用Wikiplus小工具快速编辑) |
||
第22行: | 第22行: | ||
line-height: 2.1; |
line-height: 2.1; |
||
} |
} |
||
. |
.Lyrics_box.Lyrics_no-ruby .Lyrics_original, |
||
. |
.Lyrics_box.Lyrics_no-ruby .Lyrics_translated { |
||
vertical-align: top; |
vertical-align: top; |
||
} |
} |
||
.Lyrics_box .Lyrics_original, |
.Lyrics_box .Lyrics_original, |
||
.Lyrics_box .Lyrics_translated { |
.Lyrics_box .Lyrics_translated { |
||
width: |
width:100%; |
||
min-width: 370px; |
|||
display: inline-block; |
display: inline-block; |
||
white-space: pre-wrap; |
white-space: pre-wrap; |
||
第36行: | 第35行: | ||
.Lyrics_box .Lyrics_original { |
.Lyrics_box .Lyrics_original { |
||
margin-right:10px; |
margin-right:10px; |
||
} |
|||
.Lyrics_box .Lyrics_original, |
|||
.Lyrics_box .Lyrics_translated { |
|||
width: calc(50% - 5px); |
|||
} |
} |
||
} |
} |
2020年8月15日 (六) 09:53的版本
Javascript脚本:
window.addEventListener('load', function () {
var ele = document.querySelector('.Lyrics_box'),
width = ele.dataset.width,
styles = document.createElement('style');
styles.innerHTML = '@media only screen and (min-width:720px) { div.Lyrics_box { width:' + width + '; } }';
document.head.appendChild(styles);
});
//
CSS样式表:
*/
.Lyrics_box {
width: 100%;
max-width: 1080px;
display: inline-block;
}
.Lyrics_box.Lyrics_has_ruby .Lyrics_original,
.Lyrics_box.Lyrics_has_ruby .Lyrics_translated {
line-height: 2.1;
}
.Lyrics_box.Lyrics_no-ruby .Lyrics_original,
.Lyrics_box.Lyrics_no-ruby .Lyrics_translated {
vertical-align: top;
}
.Lyrics_box .Lyrics_original,
.Lyrics_box .Lyrics_translated {
width:100%;
display: inline-block;
white-space: pre-wrap;
}
@media only screen and (min-width:720px) {
.Lyrics_box .Lyrics_original {
margin-right:10px;
}
.Lyrics_box .Lyrics_original,
.Lyrics_box .Lyrics_translated {
width: calc(50% - 5px);
}
}
.Lyrics_gradient {
-webkit-background-clip: text;
background-clip: text;
-webkit-box-decoration: clone;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.Lyrics_gradient ruby, .Lyrics_gradient rb, .Lyrics_gradient rt {
background: inherit;
}
/*