富文本该有的样子-综合交流区服务中心-低代码平台-本牛千智丨专注WorkFine开发

富文本该有的样子

主表字段会使用富文本红色星号(*),正常设置总不能实现垂直居中、右对齐。

只有使用此方法,虽说麻烦些,但也能实现像素级控制了,

图片[1]-富文本该有的样子-综合交流区服务中心-低代码平台-本牛千智丨专注WorkFine开发

代码如下

根据实现单元格宽、高度修改

<div style="display: flex; align-items: center; justify-content: flex-end; height: 28px; width: 80px;"><span style="color: #e03e2d;">*</span>往来单位:</div>
<!-- 
  容器 div:用于包裹标签文本,并控制其布局
  - 高度固定为 28px(与你的调试窗口高度一致)
  - 宽度设为 80px(根据实际需求调整)
  - 使用 Flexbox 实现垂直居中 + 右对齐
-->
<div style="
  /* 启用弹性盒子布局 */
  display: flex;

  /* 子元素在交叉轴(垂直方向)上居中对齐 → 实现垂直居中 */
  align-items: center;

  /* 子元素在主轴(水平方向)上靠右对齐 → 实现右对齐 */
  justify-content: flex-end;

  /* 固定容器高度,确保垂直居中有参照 */
  height: 28px;

  /* 设置容器宽度,控制标签显示区域 */
  width: 80px;
">
  <!-- 
    红色星号:表示该字段为必填项 
    使用 span 单独设置颜色,不影响后续文字
  -->
  <span style="color: #e03e2d;">*</span>

  <!-- 标签文本内容 -->
  往来单位:
</div>
请登录后发表评论

    请登录后查看回复内容