java - 如何对齐取消按钮,使其与不同的表格大小同步?

标签 java css

实际上,我有一个表,表中的行数动态增加/减少。所以我想适本地放置我的提交按钮。请指教。 这就是我正在尝试的: 在我的 servlet 中,我试图包含它:

 "input[type=button] {"+
                     "position:absolute;"+
                     "transition: .5s ease;"+
                     "top: 80%;"+
                      "left: 75%;"+
                      "font-size: 22px;"+ 
                      "font-weight: bold;"+
                      "font-family: ariel;"+ 
                      "background-color: #ffedca;"+
                      "}"+

但是如果我的表中有 2 或 3 行,这就可以正常工作。但是如果我有超过 3 行, 输出将是:

            1   CPA1        Validating      release                
            2   CPA2        Validating      release
            3   CPA3        Validating      release  cancel  ok
            4   CPA4        Validating      release

在上面的输出中,取消和确定按钮仅在 3 行中。

最佳答案

我喜欢 Flex Box ,您也许可以在类似于

的结构中工作
<body>
  <div class="form">
    <input>
      ...some input fields
    </input>
    <button>My Submit</button>
  </div>
<body> 

然后是你的CSS

.form{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

这将使您的 .form div 中的所有子元素在 .form 中垂直和水平居中,而无需指定填充或边距

关于java - 如何对齐取消按钮,使其与不同的表格大小同步?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54264492/

相关文章:

javascript - 图像上关闭按钮的 anchor 标记在 safari 中不起作用

javascript - CurvyCorners 的替代品

javascript - 如何在标签href区域形状中直接插入div

Java char 比较似乎不起作用

java - 如何使用键盘快捷键的按键事件调度程序

java - keyCode == KeyEvent.KEYCODE_BUTTON_Y 卡住焦点并且之后无法导航

javascript - jquery animate 让其他元素跳舞

java - Spring Boot POST 参数大小限制

java - 在扫描仪类中使用定界符的问题

css - 这个非常简单的例子中的定位有什么问题? (MS 浏览器 8)