WordPress技巧:如何让表格在移动端可以左右滑动?

文章目录

我们在WordPress网站中经常会添加一些表格,这些表格在PC端阅读很正常,因为PC端的屏幕比较宽,表格内容能够全部显示,但是表格在移动端显示就会出现问题,尤其是表格列数多的时候,在手机端就会显示不完整。

我们只需要将下面的代码添加到你的CSS文件中就能解决这个问题,不需要修改网站已经添加的任何表格内容。

@media screen and (any-pointer: coarse) {
	table {
		display: block !important;
		overflow: auto !important;
	}
}

一段代码就能解决你网站中所有表格在移动端的显示问题,通过这段代码,可以实现表格在移动端可以左右滑动。

分类
标签
建站交流群
建站咨询请联系企业微信
技术支持/服务
Load WordPress Sites in as fast as 37ms!

推荐阅读

如何WordPress中删除停用主题?

本文介绍如何删除Wordpress中删除停用主题,你可以通过后台主题管理中删除主题文件,也可以通过文件管理在主题文件夹中删除对应的主题文件。 1、通过主题管理删除停用主题 登录到网站后台,并进入外观-

如何设置WordPress网站首页?

新启动的wordpress网站默认是以文章列表做为主页的,我们需要设置一个单独页面作为首页,比如设置WordPress网站首页为Home页面。 操作方法如图: 完成之后记得保存。

WordPress邮箱防爬取小技巧

目前网络上有很多爬虫,专门爬取网站代码中出现的邮箱地址,一旦你网上的邮箱地址被爬取之后就会被发送大量的垃圾邮件,这也是很多外贸人的困扰之前,本文介绍一个简单实用的WordPress邮箱防爬取小技巧。

2022新手WordPress文章博客基础教程

本教程是基于新手的非常基础的WordPress文章博客基础教程,通过本篇文章你可以了解WordPress的文章Post如何使用和管理。 1、文章分类 当你创建Wordpress站点时,会自动生成一个默

WordPress网站菜单设置

新创建的网站默认是没有菜单的,我们需要创建一个主菜单用于网站Header。本文介绍WordPress网站菜单设置中的主菜单如何设置。 第一步:进入网站后台菜单管理 第二步:创建菜单 第三步:添加菜单项

如何快速更改 WordPress 的日期和时间格式

本文介绍如何快速更改 WordPress 的日期和时间格式,这是一个非常基础的WordPress操作。不同地方的网站和人对日期时间的格式要求不同,你希望符合他们的使用习惯就需要对网站的日期和时间格式进

WP建站技术交流群
建站咨询请联系企业微信
建站咨询购买主题插件模板
目录
站长自用主机推荐
优惠码:NUTSWP2023
前三个月享85折优惠
注册无需身份验证
点击下方LOGO注册【无需绑卡】免费试用3天
外贸建站服务
提供外贸建服务:模板建站、定制建站、小语种建站,通过微信联系咨询
建站咨询请联系企业微信