我有一个关于webkit选框的问题.我有2个可变宽度的元素.(2个元素的宽度相同),两个元素都需要是一个选框.
但是当内容溢出(比元素大)时,我需要一个选取框,如果不是,文本应保持原样(不滚动).
我创建了一个JSFiddle作为示例: http://jsfiddle.net/Vxwed/:
长和短都需要通过CSS3进行选取,而long应该滚动而短的不应该.
<p class="long">Hi my name is John Doe</p>
<p class="short">Yeah!</p>
请记住,元素的内容是可变的(用javascript填充),所以我不能对元素marquee-behavior进行实际的硬编码.
这里的任何CSS专家都能帮到我吗？我一直在研究这个问题,但关于这个问题的信息很少,因为它相对较新.
我现在能够想到的唯一解决方案是使用jQuery来测量元素的宽度,然后计算它们是否需要额外的间距.如果他们需要应用选框,否则不要.但这对我来说似乎不太干净,我宁愿在可能的情况下在HTML/CSS中这样做.