# 精选瓷砖

**URL:** https://meta.discourse.org/t/featured-tiles/156677
**Category:** Theme component
**Tags:** official, featured-tiles
**Created:** [2020年七月3日 08:47 UTC](https://meta.discourse.org/t/featured-tiles/156677 "2020-07-03T08:47:25Z")
**Posts on this page:** 6
**Page:** 3

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [2024年一月27日 09:16 UTC](https://meta.discourse.org/t/featured-tiles/156677/42 "2024-01-27T09:16:58Z")

</div>

一个很棒的组件，但它应该能解决没有图片的问题，灰色框有时看起来一点也不好看

---

<div class="post-metadata">

### Author: ![hoangphuctran93](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangphuctran93/32/290976_2.png) [@hoangphuctran93](https://meta.discourse.org/u/hoangphuctran93)
#### Post date: [2024年一月27日 10:23 UTC](https://meta.discourse.org/t/featured-tiles/156677/43 "2024-01-27T10:23:04Z")

</div>

您可以为未来的项目设置背景，请访问我的网站 [https://businesslab.vn](https://businesslab.vn)

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [2024年一月28日 06:07 UTC](https://meta.discourse.org/t/featured-tiles/156677/44 "2024-01-28T06:07:54Z")

</div>

当3个没有图像的区域聚集在一起时，图像效果不太好。

我认为着色作为图像不起作用。

如果仅针对图像进行编辑，那就太好了。

---

<div class="post-metadata">

### Author: ![hoangphuctran93](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hoangphuctran93/32/290976_2.png) [@hoangphuctran93](https://meta.discourse.org/u/hoangphuctran93)
#### Post date: [2024年一月28日 07:34 UTC](https://meta.discourse.org/t/featured-tiles/156677/45 "2024-01-28T07:34:17Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/0/4/4/0441362db0e10ee8828e86040797fedaa7a7ba5e.jpeg)  
设置背景+对齐文本，看起来很棒^^  
您可以自定义主题组件来设置默认图像

---

<div class="post-metadata">

### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [2025年三月29日 20:57 UTC](https://meta.discourse.org/t/featured-tiles/156677/46 "2025-03-29T20:57:50Z")

</div>

不错的TC。一个很好的补充是包含排除没有图片的类别和主题的设置。

---

<div class="post-metadata">

### Author: ![sren-1](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sren-1/32/575182_2.png) [@sren-1](https://meta.discourse.org/u/sren-1)
#### Post date: [2026年一月22日 08:17 UTC](https://meta.discourse.org/t/featured-tiles/156677/47 "2026-01-22T08:17:05Z")

</div>

以下 CSS 代码会增加空白区域：

```plaintext
.featured-tiles-container {
    column-gap: 0.5em;
    background-color: transparent;
    margin-bottom: 0.5em;
}

```

 ![tiles](https://global.discourse-cdn.com/meta/original/4X/b/e/e/beee90ff619140c0154a4a194e70d7dfb746b308.jpeg)

[上一頁](https://meta.discourse.org/t/featured-tiles/156677.md?page=2)