You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何调整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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 02:48:12