css – 如何获取具有附加/前缀的输入以与twitter引导匹配的宽度

前端之家收集整理的这篇文章主要介绍了css – 如何获取具有附加/前缀的输入以与twitter引导匹配的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种方法可以让具有附加和/或前缀的输入都具有匹配的宽度?

这里有一个例子,但是您可以看到,给予多个输入,具有各种长度的附加/前缀,所有这些输入都将成为不同的宽度,并且看起来不是很好.

http://jsfiddle.net/PLkfq/1/

解决方法

如果您想要像素精确,请忘记类并将样式应用于ids

在分钟范围内添加一个ID

<span id="minutes" class="add-on">minutes</span>

并使用这一点的CSS

#service_name{width:200px;}
#service_duration{width:130px;}
#minutes{width:70px;}

http://jsfiddle.net/baptme/PLkfq/4/

原文链接:https://www.f2er.com/css/216951.html

猜你在找的CSS相关文章