面板中的面包屑尾迹文本换行问题，asp.net答案

【问题标题】：Breadcrumb trail text wrapping issue in panel, asp.net面板中的面包屑尾迹文本换行问题，asp.net
【发布时间】：2012-10-25 12:39:34
【问题描述】：

在我的菜单中，我使用链接按钮和标签在面板中动态创建面包屑路径。不管我做什么，我都无法正确包装。

面板：Wrap=True，Width=400px，ScrollBars=None
LinkButton: style="white-space: nowrap"
标签：text=">"，所以没有空格
margin-left：面板内部和内部 5px

将 LinkButton 样式的空白设置为“nowrap”，面板不会自动换行文本。

Home > Chevy > Trucks > Silverado > Engineering Department > Fuel System

将 LinkButton 样式的空白设置为“正常”时，它会换行，但不是我需要的。

Home > Chevy > Trucks > Silverado >
 Engineering 
Department >
Fuel
System

这就是我要找的：

Home > Chevy > Trucks > Silverado >
Engineering Department > Fuel System

这是我在选择菜单项时创建链接的代码隐藏。

 Private Sub CreateLink(name As String, id As Integer)
    Dim link As LinkButton
    Dim lbl As Label

    link = New LinkButton
    link.Text = name
    link.SkinID = id
    link.Style.Add("white-space", "nowrap")
    AddHandler link.Click, AddressOf Links_Click
    BreadCrumbPanel.Controls.Add(link)

    lbl = New Label
    lbl.Text = ">"
    BreadCrumbPanel.Controls.Add(lbl)
 End Sub

【问题讨论】：

生成的 HTML 标记是什么样的？
@dspencer 我大部分都解决了这个问题，我想我很快就会发布这个问题。无论如何感谢您查看它，我的答案如下。

标签： asp.net css web-applications

【解决方案1】：

好吧，我最终将面板宽度设置为 100% 而不是固定为，现在结果如下所示。这两种结果都符合我的需要。

结果A

Home > Chevy > Trucks > Silverado > 
Engineering Department > Fuel System

结果 B

Home > Chevy > Cars > Volt > Sales 
Department > Information

【讨论】：