Question

提前感谢您的帮助！我查看过几个帖子但是找不到解决方案来解决问题，或者真正解决了我面临的问题。我正在使用bootstrap 3.3.5构建一个固定的导航栏。一些超链接文本很长。我想包装超链接文本。我也需要使用下拉菜单。我一直试图将文本包裹失败。

我尝试在<p>中创建我的链接：

<li><div><p class="navber-text"><a href="#temp_url">a very long and wordy link goes here</a></p></div></li>

我也尝试过添加：

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    white-space:normal !important;
    max-width:200px;
    word-wrap: normal;
  }

到我的custom.css文件，我似乎无法让它工作。

有人会介意我告诉我哪里犯了错误吗？按钮组对我来说是更好的选择吗？

我确实需要像之前所说的那样使用下拉菜单，如果我使用按钮组，我会一直在屏幕顶部保持可见。

感谢您提供的任何帮助。

Answer 1

使用word-break: break-all;打破CSS中的单词

在导航栏中包装超链接文本

1 个答案: