如何在HTML和CSS中居中块元素？

我遇到了代码段的问题。问题是文字“关于”没有显示在中心。我正在尝试制作一个响应式网站。有人可以请看看，并告诉我我该怎么做这是如果有人感兴趣的动画链接。 https://bootsnipp.com/snippets/aMmvE
如何在HTML和CSS中居中块元素？

 <div class="row"> 

      <div class="col-lg-12"> 
       <div class="section-header text-center"> 
        <div class="container"> 
         <div class="row"> 
          <svg viewBox="0 0 860 250"> 
           <symbol id="web-coderskull"> 
            <text text-anchor="middle" x="50%" y="70%" style="text-align: center; ">About</text> 
           </symbol> 

           <g class="webcoderskull"> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
           </g> 
          </svg> 
         </div> 

        </div> 
       </div> 
      </div> 
     </div>

日

来源

2017-08-27 Muhammad Maaz

Couldn” t重现你的问题 - 文本是居中，你可以看到[在这个codepen]（https://codepen.io/fen1x/pen/xLaMwB）。 – fen1x

如果您使用chrome并在检查元素中将其打开，并在移动环境中打开此文本，则文本会熄灭 –

添加CSS的几行CSS文件只是复制并粘贴

.section-header svg{ 
width:100% 
}

，如果你得到的问题，让我知道

来源

2017-09-26 06:40:59

如何在HTML和CSS中居中块元素？

回答

相关问题