Question

有时当我回到HTML时，我会忘记简单的事情......

我希望能够将div中的跨度集中到中心。 IDK，如果我有正确的结构，请随时提出建议

nvarchar(max)

    .define_link {
        background: rgba(0,0,0,.3);
        border-radius: 10px;
        padding: 5px;
        width: 200px;
        margin: 5px auto;
        font-size: 20px;
        display: inline-block;
        font-weight: bold;
        text-align: center;
    }

    .pagination {
	    width:100%;
	    margin:auto
    }

Answer 1

试试这个：

https://jsfiddle.net/tobyl/yxg1zsac/1/

关键CSS：

.pagination {
  text-align: center;
}

Answer 2

我想你想检查它 https://jsfiddle.net/bhavhirani/gnrqxxka/1/

＆＃13;

.define_link {
   background: rgba(0,0,0,.3);
   border-radius: 10px;
   padding: 5px;
   width: 200px;
   margin: 5px auto;
   font-size: 20px;
   display: inline-block;
   font-weight: bold;
   text-align: center;
}
.define_link.prev{ 
   float:left;
 }
.current { 
  display: block; float: left; width: 30%; margin: 10px auto; text-align: center; 
}
.define_link.next{
 float:right; 
}
.pagination { 
   width:100%; 
   margin:auto; 
}

＆＃13;

<div class="pagination">
    <span class="define_link prev"><a href="">previous</a></span>
    <span class="current">Page 2 of 88.</span>
    <span class="define_link next"><a href=""></a>next</span>
</div>

＆＃13;

如何将这个HTML结构化为div中的内容

2 个答案: