在wordpress中插入表格,电脑端表格中的文字能正常成一列,但是移动端的文字无法形成一列,如果用CSS来设置
时间: 2024-02-16 08:59:41 浏览: 234
免插件在wordpress中插入表格的方法
移动端表格的样式可以采用响应式设计,即针对不同的屏幕大小设置不同的样式。可以使用@media查询来实现。下面是一个例子:
```
@media only screen and (max-width: 600px) {
table {
width: 100%;
}
table td {
display: block;
width: 100%;
}
}
```
这个例子中,当屏幕宽度小于等于600像素时,表格的宽度会被设置为100%,每个单元格会被设置为块级元素,并且宽度也被设置为100%。这样就可以确保在移动端表格的文字能够正常形成一列了。
你可以将这段CSS代码添加到你的wordpress主题样式表中,或者直接在表格所在的页面中添加style标签来引入这段CSS代码。
阅读全文