Question

我想要一个带有一些文字的div。但我希望文本垂直流动而不是水平流动。像这样;

中号

ý

吨

ë

X

吨

关于如何使用CSS完成此任务的任何想法？

Answer 1

如果您只有一个行的文字，可以尝试使用width:1em;letter-spacing:1px（以及每个字母之间的空格）

编辑：如果您想在每个字母width:1em;letter-spacing:1em;word-wrap:break-word

之间不使用空格

Answer 2

CSS3有一个建议的'写模式'属性，可以设置为'tb-lr'（从上到下写文本，从左到右写行），但我不知道是否有任何浏览器支持它然而，它不能依赖它。

Answer 3

.yourtext { -moz-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform-origin: top right;
            -webkit-transform-origin: top right;
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

Answer 4

请在此处找到答案，您可以使用文本方向和

请检查https://jsfiddle.net/yu7qr809/

<select onchange="somefunction($(this).val())">
 <option value="1">Option 1</option>
 <option value="2">Option 2</option>
 </select>

<script>
  function somefunction(value){
     if(value == 1){
      $("body").css("background-color","red");
     }
     if(value == 2){
       $("body").css("background-color","yellow");
     }
  }
   </script>

用css垂直流动文本

4 个答案: