使用文本溢出css显示breadcrumb

文章/答案/技术大牛

发布

2回答

html、css、breadcrumbs

我有一个面包屑，如果text-overflow css太长，我需要把它剪短。我已经尝试和困惑，使一个不同的颜色链接只在最后面包屑。在我的breadcrumb中，可以显示的最大breadcrumb是4。从下面的代码中，我成功地使用text-overflow: ellipsis缩短了面包屑。例如，如果breadcrumb有4个链接，我使用foreach向breadcrumb显示index number 2和index number 3太

浏览 40提问于2020-11-30得票数 1

回答已采纳

4回答

强制将文本留在Div中

css、breadcrumbs

我在div中显示了一个breadcrumb页面( 25px高，700px宽)，问题是我有太多的页面，以至于breadcrumb中的页面标题从div中溢出。有没有办法让最后几个breadcrumbs页面将第一个breadcrumb页面放在视线之外，而将最后一个页面显示在Div中问候 R

浏览 1提问于2011-05-12得票数 3

回答已采纳

3回答

Bootstrap:更改breadcrumb的活动文本颜色

html、css、twitter-bootstrap、breadcrumbs

我想让我们的面包屑的文本颜色为黑色，但它不起作用。<ol class="breadcrumb"> <li class="active"><a href="#">About us</a></li&

浏览 1提问于2017-01-25得票数 5

回答已采纳

3回答

Opencart中的Breadcrumb溢出问题

css

当breadcrumb显示产品页面时，如果屏幕很小(例如移动视图)，则breadcrumb会溢出布局，并导致浏览器无法正确显示页面。"overflow-visible">添加到产品页面的DIV中，但没有起作用，我试图将text-overflow: ellipsis;和text-overflow: visible;添加到面包屑部分的css中，这也不起作用，我还将面包屑css中的white-space: nowrap;更改为white-space:

浏览 21提问于2017-07-14得票数 1

回答已采纳

2回答

截断列表元素中的长文本

html、css、overflow、truncate

当breadcrumb导航太长而不能在一行中显示时，应该使用一些省略号截断它。 background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);} display: inline-b

浏览 1提问于2015-01-23得票数 0

1回答

当materializecss中的面包屑超过屏幕长度时，我如何截断它们的开头，只留下最后的面包屑？

html、css、materialize、truncate、breadcrumbs

如果我有20个项目，而屏幕只能显示10个项目，我希望显示最后10个项目，而不是前10个项目。breadcrumbs：{hello > breadcrumbs > example > foobar > this > is > getting > full}并且它在foobar处截断，我希望它从右向后显示尽可能多的内容

浏览 62提问于2020-06-28得票数 2

回答已采纳

2回答

同一行上不同大小的文本，如何将较小的文本水平中心与较大的文本对齐？

html、css

如上面的图像所示(请不要注意Dasboard文本非常大的事实-我只为这个示例设置了这个大小)，我希望显示"Admin Control Panel“的文本与仪表板文本所在的位置水平对齐，并使用红色箭头在线我对这两个文本的代码如下： Admin Control Panel » <span id="active&quo

浏览 2提问于2017-11-01得票数 3

回答已采纳

4回答

如何减少引导面包屑的高度和文本填充？

html、css、twitter-bootstrap

我只想知道如何减少标准引导面包屑的文本和框边框之间的高度和垂直填充：<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <li class="bread

浏览 8提问于2016-12-02得票数 2

回答已采纳

2回答

在结果字符串中的元素之间插入分隔符

jquery

如何使用.text()函数在输出中获得分隔符(/)？$(function(){ $( "p.text22" ) .html( str ); });script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&g

浏览 7提问于2017-10-26得票数 0

回答已采纳

1回答

如何在每个反应元素之间添加符号或字符？

javascript、reactjs

我正在为面包屑设计一个可重用的组件，并且使用复合组件模式。我需要在每个面包屑名称之间插入符号，就像我们将如何处理数组元素和使用联接方法一样，但我不知道如何使用react元素。

浏览 9提问于2021-12-07得票数 1

回答已采纳

3回答

防止在Bootstrap4-apha6面包屑中出现新行

twitter-bootstrap、css、bootstrap-4、twitter-bootstrap-4

当Bootstrap4-aplha 6中的面包屑中的文本太长时，拉斯面包屑将跳到下一行： <a class="breadcrumb-item" href="#">Home</a> <a

浏览 1提问于2017-02-15得票数 9

回答已采纳

1回答

如何使2 div内联，宽度取决于内容

html、css、css-float、overflow、tablecell

-------------------------------------------------------------------------------------------------------------------------

浏览 2提问于2014-12-09得票数 1

回答已采纳

3回答

CSS边框问题:未能呈现左边框

html、css

我试图在左侧显示一个边框，但它没有显示在第一个div(breadCrumb)之后。HTML代码如下： <div class="breadCrumb"> </div>

浏览 9提问于2011-10-08得票数 0

回答已采纳

3回答

Python selenium find元素由xpath或css选择器

javascript、python、css、selenium、automation

如何使用python selenium单击"NATIONAL“文本？<div class="ellipsis__content"> <li><span>NATIONAL</span> </ul> &l

浏览 6提问于2021-09-29得票数 0

回答已采纳

2回答

如何将CSS类转换为id？

css、breadcrumbs

这是CSS代码... font-size: 10px; padding: 0px 2px 2px: none; color: #FFFFFF;} 这是我用来显示面包屑的代码.

浏览 2提问于2011-09-02得票数 1

回答已采纳

4回答

对页面内容中的html实体进行Rspec测试

ruby-on-rails、ruby、rspec、html-entities

如果我直接将字符放入匹配器表达式中，我会得到一个错误(无效的多字节字符)，所以我尝试这样做：page.should have_content("Reports » Aging Reports") 这将导致测试失败，并显示以下消息有没有办法测试包含html实体的文本？

浏览 0提问于2011-10-08得票数 15

1回答

无图像的三角式面包屑

css、geometry、breadcrumbs

我用CSS创建了箭头(三角形)-style面包屑，没有图像。html： <li>Home</li> <li>Second item</li><li>Last item</li>css： .breadcrumb {

浏览 1提问于2014-11-08得票数 0

回答已采纳

1回答

如何在Bootstrap 5中使用带有标题标签的大文本面包屑？

html、twitter-bootstrap、bootstrap-5

我想要大标题文本面包屑，但使用标题标签会破坏面包屑。有什么想法吗？ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css""> <

浏览 13提问于2021-11-08得票数 1

回答已采纳

2回答

当父div随机大小时，文本溢出不起作用？

html、css

这些图像存储在div容器中，以及当鼠标悬停在其上时显示图像名称的文本。现在，图像墙本身工作良好，然而，我有一个小的造型问题。当图像很小，文本溢出文本跨度时，text-overflow: ellipsis;什么也不做。事实上，如果没有具有overflow:hidden;的容器，文本就会继续下去。为了演示，我将border: 1px solid red;放在文本跨度上，以向您展示文本确实是溢出的，尽管容器的宽度没有增加。为什

浏览 2提问于2017-04-05得票数 0

回答已采纳

2回答

带省略号的溢出面包屑

css、twitter-bootstrap、twitter-bootstrap-3

我希望将列表限制在一行上，并用省略号切断所有溢出div的文本。 <li><a href="#bar">Browse</a></li> <li><a href="#foo">Chairs</a></li><li class="active"

浏览 0提问于2015-07-14得票数 3

回答已采纳

点击加载更多