HTML – 如何在引导程序中居中心？

概述我正在为我的网站制作一个简单的主页,但我希望将其均匀分布.我可以将左边的左边和右边的边缘对齐,但我似乎无法将中间位置保持在页面的中心位置.我尝试了很多东西,但它们都不起作用,看看 my site看看我想做什么,井下是图像滑块.这是我已经完成的代码,但CSS是默认的bootstrap min css,对颜色进行了一些调整. <div class="container"> <div class="r 我正在为我的网站制作一个简单的主页,但我希望将其均匀分布.我可以将左边的左边和右边的边缘对齐,但我似乎无法将中间位置保持在页面的中心位置.我尝试了很多东西,但它们都不起作用,看看 my site看看我想做什么,井下是图像滑块.这是我已经完成的代码,但CSS是默认的bootstrap min CSS,对颜色进行了一些调整.

<div > <div >  <div  >     <center>       <img  src="img/ts.png" />       <h3>TeamSpeak 3</h3>           <br />       <p>Chat with us on our TeamSpeak at: <br />        <b><a href="ts3server://ts.clustermc.net">ts.clustermc.net</a></b>        <br /> So,come have a wonderful conversation with us!</p>     </center>  </div>  <div  >     <center>       <img  src="img/wool.png" />       <h3>Cluster MC</h3>       <div  >         <div  >         </div>         <div  >         </div>       </div>       <p >           3 Online</p>       <br />       <p>Start collecting your ClusterCredits Now at:<br />         <b>play.clustermc.net</b></p>    </center> </div> <div  >   <center>     <img  src="img/forums.png" />     <h3>Community Forums</h3>     <br />     <p>Come and talk to some of our memers and staff at the forums! <br />       <b><a href="http://clustermc.net/forums">www.clustermc.net/forums</a>       </b>       <br />We dont bite,we promise!</p>   </center> </div> </div> </div>

对不起布局不好,我是编码的初学者,我想学习:)

解决方法 这是更新的代码.我已经与类嵌套了一个div,因为它与col-lg-4一起使用时会重叠.请检查以下代码：

<div >  <div >     <div >       <div  >          <center>            <img  src="img/ts.png"/>            <h3>TeamSpeak 3</h3>            <br/>            <p>Chat with us on our TeamSpeak at: <br/>              <b><a href="ts3server://ts.clustermc.net">                    ts.clustermc.net</a></b>              <br/>               So,come have a wonderful conversation with us!            </p>          </center>         </div>        </div>        <div >         <div  >           <center>     <img  src="img/wool.png"/>             <h3>Cluster MC</h3>             <div  >             <div                    ></div>             <div                    ></div>          </div>             <p >                3 Online             </p>             <br/>             <p>Start collecting your ClusterCredits Now at:<br/>                <b>play.clustermc.net</b></p>          </center>         </div>        </div>        <div >          <div  >             <center>               <img  src="img/forums.png"/>               <h3>Community Forums</h3>               <br/>                  <p>Come and talk to some of our memers and staff at the forums               <br/>           <b><a href="http://clustermc.net/forums">                     www.clustermc.net/forums</a>               </b><br/>                    We dont bite,we promise!</p>             </center>            </div>        </div>    </div></div>

总结

以上是内存溢出为你收集整理的HTML – 如何在引导程序中居中心？全部内容，希望文章能够帮你解决HTML – 如何在引导程序中居中心？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。