html - 可以在 tag? 中添加 css

Question

我的意思是:我有一个上传表单:

<g:form method="post" enctype="multipart/form-data">
<input type="file" name="cv" id="cv" style=" max-width:120px"/>
<g:actionSubmit action="upload" name="upload" value="Upload" />

一旦标签在最终页面呈现，我就有了

<input type="submit" value="Upload" name="_action_upload">

也就是“上传”按钮。但是，在名为“cv”的输入中，如您所见，我有一些 css 来保持文本框增长太多。 (最大宽度:120px)

我的问题是，上传按钮现在出现在文本框上方，一旦选择，就会在其中写入要上传文件的名称和路径。而且我不知道如何管理它，如何移动那个按钮并且只移动那个按钮。这可能吗？

我尝试将 css 添加到 actionSubmit 标记本身，但它移动了整个表单。

谢谢。

Answer 1

Float 离开了你的输入文件。输入是内联 block 。这就是为什么它导致整个行随着按钮一起下降。 float 它会变成方 block 。

<input id="cv" type="file" style=" max-width:120px; float:left;" name="cv">