gpt4 book ai didi

html - 如何将图标和输入文本放在同一行?

转载 作者:技术小花猫 更新时间:2023-10-29 12:04:14 26 4
gpt4 key购买 nike

我想在左边放一个图标,在右边放一个输入类型的文本,占据所有剩余空间。

----------------------------------------------------
| [ico] ---------------------------------------- |
| | input type="text" | |
| ---------------------------------------- |
----------------------------------------------------

如果我使用 display: inline-block 设置两者并将输入的宽度设置为 100%跳线,因为 100% 不考虑 space - icosize...

我想将输入扩展到剩余的可用空间(我不关心垂直对齐)。有没有办法在不使用表格的情况下实现这种行为?

An example of the problem on jsFiddle.

最佳答案

比 ianaré 的版本简单一点,可以在 IE6 中运行:

http://jsfiddle.net/sUYBS/23/

关于html - 如何将图标和输入文本放在同一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4313643/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com