html - HTML以错误的顺序显示特殊字符

Question

我有一个要在 HTML 中显示的字符串。但如果第一个字符是特殊字符，HTML 会以错误的顺序显示它。例如，如果字符串是：

@测试：推特

我在浏览器中看到它：

我尝试使用 SCSS 更改方向并添加空间，但看起来仍然相同。如何正确显示？谢谢你的帮助 ：）

编辑：我正在使用 Angular 8 和 redux。我在这个选择器中创建字符串：

const getMediaOutlet = createSelector<InquiryDetailsPartialState, InquiryDetailsState, BasicInfoDictionaryModel>(
getInquiryDetailsState, (state: InquiryDetailsState) => {
    const mediaOutlets: MediaOutletsModel[] = JSON.parse(state.data.mediaOutlets);
    return mediaOutlets && mediaOutlets.length ? {
        titleTranslation: 'INQUIRIES.DETAILS.BASIC_INFO.MEDIA_OUTLETS',
        value: mediaOutlets.map<DictionaryValueModel>(item => {
            return { data:" "+item.text +" : "+ item.typeName } //<- here i build the string ;
        }).filter(source => {
            return source.data && source.data.length;  
        })
    } : { value: [], titleTranslation: '' };
});

标签： htmlcssangularreduxsass

Answer 1

我用了 ：

<bdi> </bdi>

它以正确的顺序制作。