javascript - 在 HTML CSS 中对齐元素的边缘

标签 javascript html css

<分区>


这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a minimal example在问题本身。

关闭 9 年前

我有几个内联显示的按钮 <h3>标签。全部<h3>标签长度相等,但按钮的边缘仍未对齐。

我想对齐按钮的边缘,使其看起来很普通。

最佳答案

假设您的代码如下所示:

<h3>hello</h3><input type="button" value="hello"></br>
<h3>hello 2</h3><input type="button" value="wad adwadaw a"></br>
<h3>hello 4</h3><input type="button" value="1231245 5"></br>
<h3>hello 55</h3><input type="button" value="asdasdddd"></br>

那么css应该是:

h3{
    width:100px;
    display:inline-block;
}
input[type="button"]{
    width:300px;
    display:inline-block;
}

这是你想要的吗?

关于javascript - 在 HTML CSS 中对齐元素的边缘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23565774/

上一篇:html - 内容位于 div 的中间

下一篇:php - 在 PHP 页面中添加 CSS 代码(不是文件)

相关文章:

jquery - 窗口滚动时执行多项功能

css - p style=显示 :inline trouble

c# - 在 javascript 中创建 C# 对象

javascript - Jade : ReferenceError: TokContext is not defined

jquery - 使用 jquery 从页面中完全删除一个元素

JavaScript 获取子元素

jquery - 如何在图像的左侧和底部 float 拇指

javascript 如何在循环内向数组的坐标添加其他属性,而不删除数组的现有属性

javascript - jQuery DataTables 和 Columnfilterwidget 重置所有过滤器按钮

javascript - 在 Id javascript 中选择一个类