Question

我遇到了代码段问题。问题是文本“关于”没有显示在中心。我正在尝试建立一个响应式网站。有人可以看看，告诉我该怎么办如果有人感兴趣，这是动画的链接。 https://bootsnipp.com/snippets/aMmvE

        <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>

个

Answer 1

在CSS文件中添加几行CSS，只需复制并粘贴即可

.section-header svg{
width:100% 
}

如果您收到问题，请告诉我

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

1 个答案: