gpt4 book ai didi

css - 带CSS的向右滑动输入框

转载 作者:行者123 更新时间:2023-11-28 13:28:12 24 4
gpt4 key购买 nike

有什么方法可以使输入框跨越其父级的边缘之间的距离,并尽可能向左移动?

我的意思是,假设我有

<div>
<span>a</span>
<span>b</span>
...
<input />
</div>

我想让 input 改变宽度,这样如果没有 spaninput 就会横跨整个 div,但如果有跨度,它会从左边收缩吗?我将从 javascript 添加 span

可以用纯 CSS 实现吗?

最佳答案

是的,技术上。

如果只使用 CSS,您需要使用新的 flexbox 模型。

然而,支持是not great .

div {
width: 30em;
display: -webkit-flex;
display: flex;

input {
width: 100%;
flex: 1;
}

试试这个 demo在 Chrome 中。

对于不支持候选推荐的其他浏览器的支持,最好的选择是使用一些 Javascript 来根据跨度数添加基于百分比的宽度。

关于css - 带CSS的向右滑动输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13897692/

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