Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 从右到左显示块和内联单词表单_Html_Css - Fatal编程技术网

Html 从右到左显示块和内联单词表单

Html 从右到左显示块和内联单词表单,html,css,Html,Css,我想从右到左展示列表, 以下是初步试验: 装箱样式表 超文本标记语言 装箱样式表 超文本标记语言 纯CSS无法完成这项工作,但小JS可以提供帮助 我把每根线分开,然后反向重新连接。我对ul使用display:none,然后使用document.getElementById('list').style.display='block'以避免文本反转时闪烁 一小条 window.onload=function(){ var elements=document.getElementsByTag

我想从右到左展示列表,
以下是初步试验:

  • 装箱样式表
  • 超文本标记语言
  • 装箱样式表
  • 超文本标记语言

纯CSS无法完成这项工作,但小JS可以提供帮助

我把每根线分开,然后反向重新连接。我对
ul
使用
display:none
,然后使用
document.getElementById('list').style.display='block'以避免文本反转时闪烁

一小条
window.onload=function(){
var elements=document.getElementsByTagName('li');
对于(var i=0;i
ul{
显示:无;
方向:rtl;
}
  • Casecading样式表
  • 超文本标记语言

它不工作。LinuxMint18.3肉桂64位,谷歌Chrome版本67.0.3396.87(官方版本)(64位)。@AndrzejZiółek您必须使用Javascript反转每个单词字符串的字符,然后将其附加到此CSS。