从右到左显示块和内联词

Question

我想从右到左显示列表，
这是初步试用：

<ul style="direction: rtl; ">
    <li >Casecading Style Sheet</li>
    <li>Hypertext Markup Language</li>
</ul>

如何将其显示为

                                               Sheet Style Casecading - 
                                            Language Markup Hypertext- 

Answer 1

纯CSS不能胜任，但是几乎没有JS可以帮忙。

我取每个字符串，将其拆分并重新加入反向。我将display: none先使用ul，然后再使用document.getElementById('list').style.display = 'block';，以避免在文本反转时闪烁。

摘要

window.onload = function() {
  var elements = document.getElementsByTagName('li');
  for (var i = 0; i < elements.length; i++) {
    var text = elements[i].innerHTML;
    var textReversed = text.split(' ').reverse().join(' ');
    elements[i].innerHTML = textReversed;
  }
  document.getElementById('list').style.display = 'block';
};

ul {
  display: none;
  direction: rtl;
}

<ul id="list">
  <li>Casecading Style Sheet</li>
  <li>Hypertext Markup Language</li>
</ul>

Answer 2

    <ul style="direction: rtl; unicode-bidi: embed; ">
        <li >Casecading Style Sheet</li>
        <li>Hypertext Markup Language</li>
    </ul>

这应该可以解决您的问题。