显示输入错误时删除按钮未对齐

Question

我使用

self-end

将删除按钮（垃圾桶）与输入水平对齐。但有一个问题：当显示错误消息时，删除按钮又错位了。

您将如何解决这个问题？我希望删除按钮始终与输入对齐。

https://play.tailwindcss.com/G6V57WhEOY

Answer 1

该按钮有一个类

flex-end

。删除它，按钮将转到顶部，因为容器具有

align-items: start

属性。要对齐按钮，您需要使用

margin-top

来偏移其他组件上标签的高度。