我正在尝试获得两个 <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/