在HTML和CSS中有底线的图书索引布局样式。-BookindexlayoutstylewithbottomlineinHTMLandCSS

1  

try this

试试这个

  

    

      

        
Index 1
      

      

        Content
      
    
    

      

        
Index 11
      

      

        Content
      
    
  

<----css----->

table {
  width: 50%;
  border-collapse: collapse;
  white-space: nowrap;
}
table h5 {
  margin: 0;
  display:inline-block;
}
td,
tr,
table {
  padding: 0;
  overflow:hidden
}

.Index::after{
  content:"";
width:100%;
  display:inline-block;
background-color:#000;
height:1px;}

0  

If you are using table then you can achieve the same by following codes

如果您使用的是表，那么您可以通过以下代码实现相同的结果。

table {
  width: 50%;
  border-collapse: collapse;
  white-space: nowrap;
}
table h5 {
  margin: 0;
}
td,
tr,
table {
  padding: 0;
}
td:nth-child(2) {
  border-bottom: 1px solid;
  width: 100%;
}

  

    

      

        
Index 1
      
      

         
      
      

        Content
      
    
    

      

        
Index 2
      
      

        
      
      

        Content