我需要设置像这样的按钮水平输入,它与这个代码一起工作

enter image description here

< label
for = "rootFolder"
class = "flex mb-2 text-sm font-medium text-gray-900 dark:text-gray-300" >
  Processing Directory <
  /label> <
  div class = "mb-6 flex" >
  <
  input type = "rootFolder"
id = "rootFolder"
class = "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder = ""
required / >
  <
  button class = "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800" >
  add <
  /button> <
  /div>

但是我需要更改为韩语添加文本,所以我只是更改了它,但它是这样的.

不仅文本看起来是垂直的,而且还改变了输入标记的大小.有什么问题吗?

enter image description here

推荐答案

你给inputwidth美元有问题.我go 掉了它,改用了grow,还go 掉了button的宽度.请参阅以下链接:

https://play.tailwindcss.com/kRknIVE2Ra

Css相关问答推荐

Angular中嵌套数组的网格

通过使溢出的子元素具有其宽度的100%来防止Flex元素溢出

如何在JavaFX中设置分隔符的样式?

如何在Angular material 选项卡中设置自定义圆角下划线的样式

在css网格中用一个锚标签(顶部/底部边距)包装图像?

如何在css中创建文件div效果

MUI Textfield-悬停时输入标签 colored颜色

在文本之前添加了额外的空间-Angular 树视图CSS

使用 CSS 关键帧动画更改内容

如何使用 :has() 父 Select 器 Select 父元素的子元素,在父元素和子元素之间没有中间层的情况下?

如何按列垂直对齐项目,但不在列内水平对齐

我怎样才能准确地获得虚构文本内容宽度的边距?

悬停时如何更改 navbarPage 链接的文本 colored颜色 (在shiny 的应用程序中)?

Bootstrap 5 - 更改列顺序时出现问题

css - 悬停访问的链接没有背景 colored颜色

在整个 DIV 周围添加 CSS 框阴影

HTML/CSS 中的单选/复选框对齐

使用@font-face 使用多种自定义字体?

将文本放在 div 的底部

将 webkit 滚动条样式应用于指定元素