水平放置所有按钮答案

【问题标题】：position all buttons the same horizontally水平放置所有按钮
【发布时间】：2014-11-14 01:14:38
【问题描述】：

我正在使用 CSS 中的按钮定义从 plsql 打印出一组按钮。

print_out('"<button class=\"btn\" OnClick=\"displaySection(''TOC'',''' || to_char(i) || ''')\">' ||     
    g_sections(i).name || '" +');

我在表格行中打印出来。

我遇到的问题是文本的长度使按钮根据其他按钮向上或向下。文本在按钮中的时间越长，按钮就会比其他按钮高。我还注意到，一旦我在文本末尾添加了图标图像，按钮就会向下移动 1 个像素。

这是我的按钮 CSS

.btn {
  border: #000000;
  border-style: solid; 
  border-width: 2px;
  width:190;
  height:50;
  border-radius: 6px;   
  background: linear-gradient(#FFFFFF, #B0B0B0);
  font-weight: bold;
  color: blue; 
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 5px;

我不想在页面中设置按钮的绝对定位，因为在每种情况下按钮的数量可能不同。所以浮动取决于浏览器窗口的宽度。

所以问题是如何确保按钮始终彼此完美地水平对齐。

谢谢

【问题讨论】：

这个问题与 Oracle Apex 有关吗？

标签： css button plsql alignment

【解决方案1】：

我添加了“垂直对齐：中间；”到按钮类并且有效

【讨论】：