custom-tooltipafter content attrdata-tooltip; display none; position absolute; top -382; min-width 0px; left 50; z-index 999; transform translateX-10; background-color #FFF8C3; border 1px s

要实现文本框能根据文字内容自动缩放大小，可以使用以下CSS代码：

.custom-tooltip::after { content: attr(data-tooltip); display: none; position: absolute; top: -382%; min-width: 0px; left: 50%; z-index: 999; transform: translateX(-10%); background-color: #FFF8C3; border: 1px solid #B5AC85; white-space: normal; /* 更改为normal / color: #000; padding: 4px 8px; border-radius: 4px; min-width: 100px; / 添加最小宽度 / max-width: 300px; / 添加最大宽度 / overflow-wrap: break-word; / 添加自动换行 / word-break: break-all; / 添加自动断行 */ }

.custom-tooltip:hover::after { display: block; text-align: left; }

首先，将white-space属性的值从inherit更改为normal，以便文本能够根据内容自动换行。

其次，添加min-width和max-width属性，分别设置最小宽度和最大宽度，以限制文本框的大小范围。

最后，添加overflow-wrap和word-break属性，用于自动换行和自动断行，以确保文本能够适应文本框的大小。

请根据实际需求调整这些属性的值，以达到最佳效果