Question

我需要垂直显示一行的单词，因为我已经在样式表中创建了一个包含text-orientation的类：将它们侧面应用到tr上，但它似乎不起作用，我有点CSS的新功能，所以也许有人可以帮忙

这是表格行

 echo "<tr class='vert'>";

这是样式表

 table  tr.vert{

    text-orientation: sideways;

}

Answer 1

您似乎缺少select属性。

text-orientation CSS属性设置一行中文本字符的方向。它仅影响垂直模式下的文本（当书写模式不是水平tb时）。这对于控制使用垂直脚本的语言的显示以及制作垂直表标题很有用。

MDN

    
    <!DOCTYPE html>
    <html>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <body>
<div ng-app="">
	Password Reset
  <form>
    <br><label>System:</label> 
	<select ng-model="myVar">
		<option value = "DR9">DR9</option>
		<option value = "QR9">QR9</option>
		<option value = "PR3">PR3</option>
	</select>
	<br><br>
	<label>Client:</label>
    <div ng-switch="myVar">
    <select ng-switch-when="DR9">
				<option>100</option>
				<option>400</option>
				<option>500</option>		
	</select>
     <select ng-switch-when="QR9">
					<option>400</option>
				<option>500</option>
	</select>
      <select ng-switch-default>
				<option>100</option>
				<option>400</option>
				<option>500</option>		
	</select>
    </div>

    	</form>
     </div>
    </body>
    </html>

writing-mode

课堂中的文字方向不适用于tr

1 个答案: