Question

我使用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;

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

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

由于

Answer 1

我添加了＆＃34; vertical-align：middle;＆＃34;按钮类和工作

将所有按钮水平放置

1 个答案: