如何向HTML中的行选项卡覆盖添加第三个元素?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (59)

我当前的构造是这样的,下面是对应的.css。

 <p>&nbsp;
 </p>
 <p>&nbsp;
 </p>
 <div class="row tab-cover">
 <div class="col-sm-4"><a href="/home" target="_self">Return to 
 Categories</a>
 </div>
 <div class="col-sm-8">
 <p>To Download Table Data Click on the Table then Select Download.
 </p>
 </div>
 </div>

 .tab-cover {
            background-color:#1a4277;
            height: 30px;
            color:#fff;
            font-size: 1.1em;
            padding-top:5px;
  }
 .tab-cover a {
            text-align: right;
            text-decoration: underline;
            color: #fff;
  }
 .tab-cover a:visited {
            color: #fff !important;
  }

我需要添加第三个元素,代码中的两个元素显示在一行蓝色的最左边和中间。我需要第三个元素出现在右边。它是指向文档的链接。我试了一下,但它没有出现。对如何解决这个问题有什么想法吗?

   <p>&nbsp;
   </p>
   <p>&nbsp;
   </p>
   <div class="row tab-cover">
   <div class="col-sm-4"><a href="/home" target="_self">Return to 
   Categories</a>
   </div>
   <div class="col-sm-8">
   <p>To Download Table Data Click on the Table then Select Download.
   </p>
   <div class="col-sm-8">
   <p><a href="">link text</a>
   </p>
   </div>
   </div>
提问于
用户回答回答于

问题是与“元素相关的数字”当我把它改为4,4,4,而不是4,8,4,它工作得很好。

扫码关注云+社区

领取腾讯云代金券