html - 两个按钮彼此相邻,中间有一个跨度

标签 html forms css

我正在尝试获得两个 <button>并排放置,以便在它们之间有一个绝对定位的(?)标签。

请参阅 ASCII 艺术进行说明

_________Click_either_________ |___BTN1_____|O R|______BTN2__|

BTN 都需要有 width:50% ,所以 OR 标签需要绝对定位,据我所知,否则它不适合。
问题是我不知道如何在不定义高度和宽度的情况下使标签居中。我希望它缩小到其内容的大小。澄清一下,标签需要在垂直和水平方向上都居中。

没有为任何元素定义高度。

JSFiddle:http://jsfiddle.net/5awNx/1/

最佳答案

您可以使用 float 来定位按钮,并使用 position: absolute; 来定位提示。我还添加了一些更具语义的 html(实际上它并不是很好)。看看我为你创建的这个 fiddle :http://jsfiddle.net/m2X5f/

编辑:这是一个更新版本,也有一个垂直居中的提示(但只有固定高度):http://jsfiddle.net/m2X5f/2/

关于html - 两个按钮彼此相邻,中间有一个跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23855605/

相关文章:

javascript - 样式建议下拉菜单

javascript - 仅当未隐藏其 div 时才需要文本输入?

html - UIWebView 未检测到分页符

Javascript css marginTop 过渡不触发动画

html - 强制一个 div 变得比浏览器窗口更宽

css - 将背景图像添加到 outlook 电子邮件模板

html - 将 3D-Cube 嵌入到另一个站点不起作用

javascript - 使用 url 的下拉选项值在提交时重定向表单

php - 如何在脚本中验证 CSS?

javascript - 如何在 javascript 中没有键的情况下对 forEach 结果进行分组?