我有一个具有精确宽度(280px)的div,其中有2个超链接和一个输入文本框.超链接只需要一点空间.我希望输入文本框填充div中的剩余空间.我怎样才能做到这一点 ?
A B
CSS:
.notificationArea
{
width: 280px;
vertical-align: middle;
text-align:left;
}
注意:我可以用其他东西替换外部div(例如span),但我试图避免使用表格.
编辑:所有元素(超链接和输入)应该在同一行.
编辑2:当我用图像替换两个超链接时,我希望同样的思考工作.那就是我想要一个固定宽度的div,它包含2个图像(固定大小)和输入textboxt,它们将填充keepig空间.
HTTP:
CSS:
.notificationArea
{
border-style: solid;
width: 330px;
}
.notificationArea input
{
width: 100%;
}
我得到的是:
但我想要的是:
所以我不希望输入框包装.图片上的解决方案使用了我希望尽可能避免使用的表格.