如何调整dbplanner左侧列文本居中对齐及缩小方块尺寸?
解决DBPlanner方块文本居中及尺寸调整问题
一、实现方块内文本居中对齐
由于内置设置未提供相关选项,可通过自定义CSS实现:
- 找到DBPlanner的自定义样式入口(通常在「设置」-「外观」类菜单下,若无则用浏览器自定义样式扩展)
- 添加以下样式代码:
/* 使方块内文本水平垂直居中 */ .dbplanner-block .block-content { text-align: center; display: flex; align-items: center; justify-content: center; height: 100%; }
注:若样式不生效,可按F12打开浏览器开发者工具,定位方块元素的实际类名,替换代码中的
.dbplanner-block .block-content
二、缩小方块尺寸(适配最多5个字符)
继续添加CSS代码限制宽度与内边距:
/* 限制方块宽度,适配5字符需求 */ .dbplanner-block { width: fit-content; max-width: 60px; /* 可根据字体大小微调,常规字体5字符约占50-60px */ padding: 2px 4px; /* 减小内边距进一步压缩尺寸 */ }
- 若需要固定宽度,可将
width: fit-content替换为width: 50px(数值按需调整)
内容的提问来源于stack exchange,提问作者user763539
相关产品推荐
相关产品推荐

