Question

我在wordpress的静态页面上显示“帖子供稿”时遇到很多麻烦。我制作了一个网格列显示，可以根据屏幕的大小自动调整列数，但是当达到一定的屏幕大小时，帖子内容将不再填充其分配的空间，而且我不知道如何解决它。

有问题的页面是这样的：https://auroranislands.com/spellbook/air-arcana/

我通过以下简单的短代码提取帖子内容：

[display-posts category="Air Arcana" posts_per_page="-1" include_content="true" wrapper="div"]

和用来显示它的CSS即时消息是这样的：

div.display-posts-listing {
	list-style-type: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
	column-gap: 15px;
	column-rule: none;
}

div.listing-item {
	clear: both;
	margin: 9px 0;
	overflow: auto;
	list-style: none;
	background-color: lightgray;
}

div.listing-item a.image {
	display: none;
}

div.listing-item a.title {
	display: none;
}

div.listing-item span.excerpt-dash {
	display: none;
}

div.listing-item span.excerpt {
	display: none;
}

如果有人能帮助我，我将非常感谢，谢谢！

Answer 1

我查看了您的消息来源，您似乎在表格周围有一个名为“ content”的类的div，该div将您的表格宽度限制为67.5％。如果删除'content'类或覆盖width属性。您的代码应该可以正常工作。 content class restricting the width of table elements

内容无法正确填充CSS网格列

1 个答案: