我设计一个主题的网站,使用的是Network Solutions nsCommerceSpace。以下是网站的HTML布局:
我设计一个主题的网站,使用的是Network Solutions nsCommerceSpace。以下是网站的HTML布局:
<div id="ctl00_breadcrumb" class="breadcrumb">
<span id="ctl00_breadcrumbContent">
<span><a href="/">[Name of Webstore]</a></span>
<span> > </span>
<span><a href="/page.aspx">Page</a></span>
<span> > </span>
<span>Here is a very long title of a product that is causing me much frustration because it jumps out of place.</span>
</span>
</div>
这些带有<span> > </span>
的标记是自动生成的,用于分隔每个项。
这里有一个我遇到问题的 Fiddle: http://jsfiddle.net/5fvmJ/
有没有办法让最后一个 SPAN 标签填充空白区域,并在达到右侧时结束?我会使用 overflow: hidden;
隐藏额外的文本。
有什么想法吗?我知道所有的 SPAN 标签都使得这很困难,但这是该网站的内置功能,我不能改变它。