给外层盒子设置居右展示, 子盒子设置居左。
原理是,如果子盒子没有换行,那么子盒子的长度就是内容的长度,它根本没有空间将字体移动居左,父盒子的居左样式就会生效,子盒子就会居左展示。
当子盒子里面的文字换行了,那么子盒子的长度也被撑大了,这时候子盒子的居左就会生效了, 因为第一行是满的所以就算居左也和居右没有什么两样
export function createTitle(exeTitle: string) {
return `
<div id="hex-exe-new-title">
<i></i>
<i class="title-line"></i>
<i class="title-line"></i>
<i class="title-line"></i>
<i class="title-line"></i>
<span>
原作业原作业原作业::${exeTitle}
</span>
</div>`;
}
#hex-exe-new-title {
text-align: right;
span {
display: inline-block;
text-align: left;
}
}