Question

我想制作一个靠近他的固体流体元素并将它们排成一行：

// wrapper starts here
[=(XX%)=solid=] [---------------------(auto)-fluid-]
[=(XX%)=solid====================] [--(auto)-fluid-]
[-(auto)-fluid---------------------] [=(XX%)=solid=]
[-(auto)-fluid--] [=(XX%)=solid====================]
// wrapper ends here

但是当我尝试使用“float：”样式属性的传统变体时 - 在“input”元素上失败：http://jsfiddle.net/iegik/pMRD8/

在类似的问题中也提供了hack：What's keeping my input element from displaying like a block element?

Answer 1

可以使用一点点javascript和数学：

var b = $("#mainWrap").css('padding').split('p')[0];
$("#fluidInput").width($("#mainWrap").width() - $("#btn1").width() - (b * 2));

http://jsfiddle.net/TNCodeMonkey/pMRD8/4/

如何使输入元素显示与块元素相同？

1 个答案: