給外層盒子設置居右展示, 子盒子設置居左。
原理是,如果子盒子沒有換行,那么子盒子的長度就是內容的長度,它根本沒有空間將字體移動居左,父盒子的居左樣式就會生效,子盒子就會居左展示。
當子盒子里面的文字換行了,那么子盒子的長度也被撐大了,這時候子盒子的居左就會生效了, 因為第一行是滿的所以就算居左也和居右沒有什么兩樣
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;}}