我试过如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Test</title>
</head>
<body>
<div
style="height: 100px; direction: rtl; overflow: auto; width: 150px;">
<span style="direction: ltr;">
<table>
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
<td>Test4</td>
</tr>
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
<td>Test4</td>
</tr>
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
<td>Test4</td>
</tr>
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
<td>Test4</td>
</tr>
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
<td>Test4</td>
</tr>
<table>
</span>
<div>
</body>
</html>
上面的代码在左侧显示垂直条,但从右侧开始显示底部水平条。任何人都可以帮助我从左侧开始底部水平条吗?
根据上面的代码图片如下:
默认情况下,我尝试按照下图获取:
最佳答案
您可以使用以下样式设置 div:
height: 100px; direction: rtl; overflow: auto; width: 150px;
然后给跨度这个样式:
<span style="direction: ltr;">
这会将垂直滚动条放在左侧并将水平滚动条设置在左侧
关于javascript - 如何在左侧制作垂直滚动条,水平滚动条应该从底部的左侧开始,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25161680/