Question

我在540px宽label中并排input和div。 label包含一个域名，例如：http://domain.tld/，而input会将URL slug输入其中。问题是域名可以根据用户改变（并且会改变），这意味着label的宽度也会改变，导致input宽度太小或者太大宽度。在第一种情况下会导致丑陋的设计，在第二种情况下会导致浮动损坏。

有人对此有任何技巧或提示吗？或者我必须使用ninja -javascript这个东西？感谢所有帮助。

Answer 1

如果我认为我理解你想要的东西，那么输入总是齐平？如果是这样，你可以把它放在一个列表或div中但是将父元素position设置为relative，然后作为输入的子元素将其位置设置为absolute并且给它一个absolute的位置，并将top设置为0，将right设置为0

jsFiddle http://jsfiddle.net/uVSRX/

<强> CSS

.example { width: 340px;}

li { position: relative;} 

input {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
}

<强> HTML

<div class="example">
<ul>
    <li><label>Short</label><input type="text"/></li>
    <li><label>Looooooong</label><input type="text"/></li>
</ul>

PS：您可能因为没有提供任何代码而被投票：（

如何使输入宽度与标签宽度相关？

1 个答案: