html 设置当前页面不可滑动,并且表格距离两侧边距 20px
时间: 2023-11-11 16:00:41 浏览: 29
要设置当前页面不可滑动,可以在html的body部分添加如下CSS样式:
```
body {
overflow: hidden;
}
```
要设置表格距离两侧边距20px,可以在表格的CSS样式中添加如下属性:
```
table {
margin-left: 20px;
margin-right: 20px;
}
```
完整示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>不可滑动页面和表格边距设置</title>
<style>
body {
overflow: hidden;
}
table {
margin-left: 20px;
margin-right: 20px;
}
</style>
</head>
<body>
<table>
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
</table>
</body>
</html>
```
相关问题
android 如何设置gridview不显示滑动条并且不可滑动
要设置 GridView 不显示滑动条并且不可滑动,你可以按照以下步骤进行操作:
1. 在你的布局文件中,找到 GridView 的代码,并添加以下属性:
```
android:scrollbars="none"
android:overScrollMode="never"
```
这将禁用滑动条和过度滚动效果。
2. 在你的 Java 代码中,找到 GridView 对象,并添加以下属性:
```
gridView.setNestedScrollingEnabled(false);
```
这将禁用嵌套滚动。
通过这些步骤,你的 GridView 将不显示滑动条并且不可滑动。希望对你有所帮助!
h5页面超出部分在下面展示可滑动并且没有滚动条
你可以使用CSS属性 `overflow: auto;` 来实现超出部分在下面展示并且可滑动的效果。同时,为了隐藏滚动条,你可以添加 `::-webkit-scrollbar {display: none;}` 到你的CSS样式中。
下面是一个示例代码:
```
<div class="container">
<!-- 这里放置你的内容 -->
</div>
<style>
.container {
height: 200px;
overflow: auto;
}
.container::-webkit-scrollbar {
display: none;
}
</style>
```
在上面的代码中,我们将一个容器的高度设置为200px,并且添加了 `overflow: auto;` 属性,这样当内容超出容器高度时,就会自动出现滚动条。为了隐藏滚动条,我们添加了 `::-webkit-scrollbar {display: none;}` 属性。