我在CSS中使HTML表单提交按钮居中出现问题.

现在我使用的是:

    <input value="Search" title="Search" type="submit" id="btn_s">
    <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i">

使用此CSS内容

#btn_s{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

#btn_i {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
}

它什么也没做.我知道我可能做了什么愚蠢的错事.我怎么才能解决这个问题呢?

推荐答案

http://jsfiddle.net/SebastianPataneMasuelli/rJxQC/

我刚刚在它们周围包裹了一个div,并使其居中对齐.这样,您就不需要在按钮上放置任何CSS来居中了.

<div class="buttonHolder">
  <input value="Search" title="Search" type="submit" id="btn_s"> 
  <input value="I'm Feeling Lucky" title="I'm Feeling Lucky" name="lucky" type="submit" id="btn_i">
</div>

.buttonHolder{ text-align: center; }

Css相关问答推荐

如何在Elm中更改视图时添加过渡?

Javascript Splitter Divider hover color css

如何允许在bslb中 Select 输入重叠卡片?

为什么我的容器的弹性包裹会导致我的自动填充网格添加额外的空轨道行?

如何更改Swiper Navegation默认 colored颜色

显示 P 元素中加载数据的空行

如何使shiny 的showNotification可滚动?

Tailwind CSS 不输出背景类

为什么每次加载新页面时我的 React 侧边栏都会抖动?

图像占用尽可能多的空间但保持宽高比并包含在窗口高度中

CSS网格列随着长内容改变大小

循环一个 sass/scss 变量以生成 css 变量

关键帧不能动画回来

我怎样才能在某些区域制作一个单独的文本行,而在其他区域制作一个实心填充?

在 CSS 或 JavaScript 中反转图像的 colored颜色

我应该使用 CSS :disabled 伪类还是 [disabled] 属性 Select 器,还是见仁见智?

字体上的 Font-Awesome 错误 404

修复 Mobile Safari (iPhone) 上文本呈现不一致且某些字体比其他字体大的字体大小问题?

CSS - 悬停穿过元素以激活悬停在被覆盖的元素上

为什么 CSS 中的光标:指针效果不起作用