为什么我的svg没有在div容器中居中？
SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，可以用于在Web页面中展示图形和动画。在使用SVG时，有时会遇到SVG图形没有在div容器中居中的问题。这可能是由于以下原因导致的：
- CSS样式问题：确保div容器设置了合适的宽度和高度，并且使用了居中的CSS样式。可以使用以下CSS样式来实现居中效果：
div {
display: flex;
justify-content: center;
align-items: center;
}- SVG视图框（viewbox）设置问题：SVG图形的视图框定义了图形的可见区域和坐标系。如果SVG的视图框大小与div容器大小不匹配，就会导致图形无法居中。可以通过调整SVG的视图框大小来解决这个问题。
- SVG图形位置设置问题：SVG图形的位置可以通过设置属性（如x、y、transform等）来调整。确保SVG图形的位置设置正确，使其居中于div容器。
- 其他可能的原因：还有其他一些可能导致SVG图形无法居中的原因，如父元素的定位方式、浮动元素等。需要仔细检查HTML和CSS代码，确保没有其他因素影响了SVG图形的居中效果。
腾讯云提供了一系列云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助用户快速搭建和管理云计算环境，提供稳定可靠的云服务。具体推荐的腾讯云产品和产品介绍链接地址如下：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。了解更多：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务。了解更多：云数据库MySQL版产品介绍
- 云对象存储（COS）：提供安全可靠的对象存储服务，适用于图片、视频、文档等大规模数据存储和传输。了解更多：云对象存储产品介绍
以上是关于SVG图形在div容器中居中的可能原因和解决方法，以及腾讯云相关产品的推荐。希望对您有所帮助！
相关·内容
2回答
你能帮助我理解为什么我的svg拒绝调整高度来帮助我在div容器中垂直居中吗？
如何处理容器中垂直svg对齐？我觉得svg的行为并不像div那样标准…
其主要思想是将svg水平和垂直居中放到一个div中。
我试试这个：
<div id="svg-container">
<svg id="svg-1" height="50%" width="50%" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" version
浏览 1提问于2016-09-10得票数 26
回答已采纳
在阅读了这个之后，我想：
为什么在CSS3中没有一种单一的垂直对中方式？
为什么我不能用CSS属性做一个<div>，并使我的内容垂直居中呢？
浏览 2提问于2012-09-25得票数 2
回答已采纳
嗨，关于这段代码，我有三个问题，
1)为什么黑底的div没有覆盖红底的div？
2)为什么文本位于它所包含的div之外？
3)如何使图片和文本在第三个div居中并垂直居中找不到垂直对齐的答案
4)如何使黑色背景覆盖100%的宽度和高度...宽度: 100%可用，但高度: 100%不行？
浏览 4提问于2011-06-21得票数 0
回答已采纳
2回答
我对svg相当陌生，我可能需要一些帮助，弄清楚为什么我的台词没有像预期的那样出现。我使用红色表示我的第一行位置，使用蓝色表示svg元素所在的位置--模仿在developer工具中鼠标对元素时看到的内容。我希望行位于svg元素中的某个位置。相反，它显然不是，而且是无形的。第二行是部分可见的，但不是我想要的地方(在下一行的另一行svg中，“支付者持续时间”类似于另一行，居中很好等等)。
代码：
.durationLegend {
height:45px;
width:175px;
border: #cccccc 1px solid;
fill: none;
}
.d
浏览 3提问于2015-03-11得票数 1
回答已采纳
我试图在水平矩形div中对base64背景图像进行居中，但它根本无法工作。
我知道这应该是非常琐碎的，我在这里研究了许多类似的问题，但是没有什么小窍门。图像不是水平居中的，我也不知道为什么。事实上，除非我显式地使用像素，否则背景位置似乎不会产生任何影响.
你可以在这个操场上看到它：
.container {
background: red;
width: 100px;
height: 16px;
background-image:url("data:image/svg+xml;base64,...");
background-size: 100%
浏览 2提问于2021-03-04得票数 1
回答已采纳
1回答
我将一个SVG导入到我的文档中，其中包含许多符号。当我需要时，我的SVG就是use了：
<div class="sidebar-icon__icon">
<svg><use xlink:href="#svg-box" /></svg>
</div>
这很棒，我添加了一些样式，如下所示：
.sidebar-icon__icon
width: 30%
margin-right: 10%
float: left
position: relative
浏览 1提问于2015-04-08得票数 0
2回答
我不知道如何用文字来居中图标。我有SVG +短信。我可以用普通的CSS(flex-box)来完成，但是我必须使用引导。另外，我希望将文本居中，因此它将作为网页的其他部分居中，我希望它垂直对齐。
我有这个：
我想得到这个：
我尝试过不同的解决方案，但没有想出一个好主意。所以问题是：
如何使文本居中以使其看起来居中？如何使svg图标与文本对齐？
谢谢
<section class="perks">
<img src="./media/blueCircle.svg" alt="" />
浏览 1提问于2021-01-22得票数 0
5回答
为什么放置在flex容器中的按钮通过使用margin : 0px auto;来居中，而放置在普通容器中的按钮却不是？
另外，我能做些什么来使按钮在普通容器中居中(我不能更改我的HTML，所以最好是CSS解决方案)。
.flex-container {
display: flex;
background: yellow;
}
.normal-container {
background: green;
}
button {
margin: 0px auto;
}
<div class="flex-container">
<button&g
浏览 14提问于2016-05-02得票数 2
回答已采纳
在页面的导航栏中垂直对元素居中存在问题。这是我的密码：
body {
margin:0;
}
header {
background-color: #f2f2f2;
height: 50px;
}
div {
display: flex;
justify-content: space-between;
margin: auto 30px;
}
<header>
<div>
<a href="#"><img class="header-logo" alt="logo"
浏览 7提问于2022-07-11得票数 1
回答已采纳
我正在尝试构造具有viewBox属性的内联SVG，但没有显式的宽度或高度属性。我使用CSS将SVG的宽度设置为100%。这应该让SVG缩放到它的包装容器，保持由viewBox设置的纵横比。在Chrome和Firefox中，这是完美的！
下面是我所讨论的最小的代码示例：
HTML：
<div>
<svg viewBox="0 0 100 10">
<text x="1" y="9">hello</text>
</svg>
</div>
CSS：
div {
浏览 9提问于2014-10-09得票数 26
2回答
如果我能找到解决这个问题的办法，我就完了！我希望SVG剪辑在周围的div中居中，如下例所示：
-请查看链接，因为SVG很长！
<div class="svg-wrapper">
<div class="svg-clipped"></div>
</div>
浏览 4提问于2015-06-04得票数 1
我使用SVG徽标作为背景图像，但在Internet Explorer (edit:和Safari)中似乎无法使其正确地与左侧对齐。
容器看起来像这样：
<div id="header">
<div id="logo"></div>
</div>
使用以下样式：
#header{
width: 100%;
max-width: 1200px;
height: 100%;}
#logo{
background: url(../images/ss_logo.svg);
浏览 33提问于2013-07-30得票数 78
回答已采纳
我想居中放置一个div，所以我编写了<div style="padding-left: 50%;"> test </div>。在我将浏览器调整到非常小的大小之前，文本居中显示得很好。(约300像素宽度)。然后它开始显示一个水平滚动条。
为什么浏览器(Chrome12、Opera11.50、Firefox5)要实现这种行为？在我看来，这是不正确的。没有需要滚动条的内容。我如何禁用它，或者我应该做什么来居中我的内容？
浏览 1提问于2011-07-04得票数 0
回答已采纳
我一直在使用内联svg进行平移和缩放：
这里有当前站点的整个结构：
我已经用所需的svg实现了一个相对较好的svg -svg zoom库，但是我不知道为什么该库用来缩放和平移svg的元素不是完全居中，而是稍微向右移动。我尝试使用类选择器(.svg-.svg zoom_viewport)通过CSS重新调整水平对齐，但什么都没有移动。也许我需要在js中更改一些东西，但我一直在检查它，显然所有东西都是居中的。
谢谢!
浏览 2提问于2015-01-04得票数 0
3回答
1)我试图显示一个图像(由一个容器包裹)垂直中心和居中于容器的左半部分。(基于我上一篇文章：)
2)问题在于图像是一个svg文件，适合用户屏幕，具有动态的宽度和高度。我使用47%的宽度，高度应该是自动设置的，以保持比例。
对于第一部分(对中和定位)，这是小提琴，它正在工作：
如您所见，红色占位符具有给定的高度和宽度。
现在，我试图添加图像和改变宽度没有高度。但这根本不起作用。
因此，也许有人有一个更好的解决方案，在页面上放置一个具有动态维度的可伸缩svg图像，这样它就可以在屏幕的左半部分居中、垂直和居中.为什么图像在滑动覆盖容器时不显示呢？
CSS:
body {
margin: 0
浏览 2提问于2014-10-16得票数 1
回答已采纳
5回答
我想在SVG中添加一个居中的图像。
它将充当用户化身，但无法做到。
.body {
width: 100%;
height: 100%;
background: #1f1b33;
padding: 2rem;
}
svg {
width: 120px;
}
<div class="body">
<svg viewBox="0 0 121.375 125.397">
<g
id="blank"
transform="translate(-
浏览 6提问于2019-09-21得票数 2
回答已采纳
1回答
我尝试在SVG块中定位一个文本元素，这样当div中的宽度发生变化时，文本本身就会在div中居中。它在div中开始左对齐(所以没有定义x)，在全屏时是75%，但当它达到768视区(媒体查询)时，div变为100%宽度，SVG需要在其中居中。
我在桌面和媒体查询中的代码：
.outer {
width: 100%;
position: relative;
top: 25px;
margin: 0 auto;
}
.left {
width: 20%;
float: left;
vertical-align: middle;
}
.left img {
wid
浏览 3提问于2018-02-23得票数 0
我正在使用SizeConfig方法来设置我的应用布局的高度和宽度，但是由于某些原因，在实现这些功能之后，布局显示为全部向左移动(即不是居中)。我不明白为什么会发生这种情况，特别是在没有SizeConfig函数的情况下，布局会居中。 有人知道这可能是什么原因吗？ class SubscribePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
SizeConfig().init(context);
final ThemeData theme = Theme.of(co
浏览 26提问于2019-09-23得票数 0
回答已采纳
你能看看这个吗，让我知道为什么引导工具提示没有显示在这个svg上？
下面是我拥有的代码
<div class="container">
<div class="well">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
浏览 0提问于2013-06-15得票数 6
回答已采纳
1回答
居中渲染的mxGraph服务器
、、、、
我正在使用来渲染一个图形，但是我还没有找到一种方法来将它居中渲染。我已经在svg样式上尝试了display:block to it和effect :auto，但都没有效果。有办法做到这一点吗？
浏览 0提问于2018-03-12得票数 0
5回答
我在一个<table>里面有一个<div>，下面的样式，表没有居中，为什么？
<div>中的所有内容不都应该像我在CSS中的样式那样格式化吗？
HTML
<div>
<table></table>
</div>
CSS
div{
border: 5px solid white;
border-radius: 5px;
margin: auto;
text-align: center;
}
浏览 5提问于2016-07-10得票数 12
回答已采纳
1回答
Svg内部未对齐居中
、、、
我正在使用react，在render上，我在div中返回一个SVG。我的代码如下所示：
render() {
return(
<div class="myClass">
<svg> ... </svg>
</div>
);
}
我的CSS类如下所示：
.myClass{
margin-left: auto;
margin-right:auto;
}
它在Chrome和firefox中运行良好，它的IE中svg显示在左侧，而不是居中对齐。IE是否需要添加更多
浏览 1提问于2016-12-09得票数 1
我需要在div中对消息进行居中，就像父div有100%的宽度，并且水平地对消息进行居中是没有问题的。此外，如您所见，图标也是垂直居中的，但我不能垂直地将文本居中。到目前为止，我应用到该div的唯一css是
.content {
height: 100% ;
display: inline-block ;
}
对于为什么消息div在.container中向下移动的任何建议。这是正确的跨浏览器方法吗？
浏览 8提问于2013-09-20得票数 1
回答已采纳
我试图在flex项目的固定nav菜单中对图像进行居中。我试过使用justify-content: center;命令，但我不认为它做了什么。
下面是CSS和缩略语HTML。Codepen：
CSS：
body {
padding:0;
margin:0
}
.wrapper {
display: flex;
}
nav {
flex: 0 0 300px;
background: gray;
}
.nav-wrapper {
position: fixed;
top: 0; left: 0;
}
section {
flex: 1 1;
paddin
浏览 0提问于2015-11-23得票数 1
回答已采纳
如果你在Chrome/Firefox中查看上面的页面，那么一切似乎都很好。底部的div (两个标题和社交图标)被包装在一个容器div和center中，没有问题。
但是，如果在Safari中查看，那么这三个div根本不会居中:/
我不知道这是为什么..。有人能帮上忙吗？
浏览 0提问于2012-04-11得票数 0
回答已采纳
4回答
为什么图像不居中？
、、、
<div id="tagcontainer"><img id="tagimg" src="img/tri.png"/></div>
CSS：
#tagcontainer {
width:100%;
top:0;
position:absolute;
}
#tagimg {
position:relative;
margin:auto;
}
不知道为什么我弄不明白。为什么这张图片没有居中？
浏览 3提问于2012-09-12得票数 1
回答已采纳
要将元素水平居中，可以将width设置为x，将left设置为50%，将margin left设置为-x/2。这与x = 50 %很好地配合(参见下面的示例)。为什么它不适用于垂直居中？下面的示例不起作用。
div.myDiv {
width: 50%;
height: 50%;
left: 50%;
top: 50%;
margin-left: -25%;
margin-top: -25%;
position: absolute;
border: 1px solid #555;
}
<div class="myDiv
浏览 8提问于2013-03-13得票数 2
回答已采纳
3回答
基本上，我有这个标题，说的是测试。在大屏幕上，它不会居中，而是向右移动。我想让它居中，但我不能使它居中。在较小的屏幕上，它位于图像的右侧，并将它们推向左侧，使任何内容都不居中。在所有情况下，我希望它在图像下方，并在页面居中。谢谢。 我一直在尝试对齐、浮点数、宽度和边距/填充，但都不起作用。 <div class="primary-content">
<span class="title">FTC TEAM 4466</span>
<a href="#egg">egg<
浏览 18提问于2019-04-09得票数 2
回答已采纳
2回答
我有以下代码 .services-container {
width: 100%;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.services-container svg {
width: 70px;
/*margin: 0 auto;
display: block; */
}
.services-branding {
width: 300px;
浏览 280提问于2019-05-13得票数 4
回答已采纳
下面显示为黄色SVG圆圈的“徽标”可以通过 (代码中由<==== (1)指示的行)进行缩放，从而可以在不修改SVG本身的情况下进行调优。
但是，即使.left_center_myicon大部分是在.right_center_myicon中复制的，<==== (2)中的相同调优并不会影响单选按钮图标。
我如何在他们的DIV中对缩放的单选按钮图标进行中心化？我在这里使用内联SVG，甚至将它们更改为链接(从<svg>到<img src="xyz.svg"> )本身就是一个脆弱而微妙的变化。如果你看到这个困难，请在你的答案中切换到链接的SV
浏览 0提问于2021-11-09得票数 0
回答已采纳
3回答
我有一个在容器div中水平居中的内部div，我需要在该容器中添加另一个div，在居中的div的右侧？如何才能在不干扰居中div的位置的情况下做到这一点(即它应该仍然在容器中居中，而不是在容器的左边缘和另一个div的左边缘之间？
<div id="container">
<div id="inner"></div>
<div id="right"></div>
</div>
div#container {
width: 960px;
}
div#inn
浏览 1提问于2010-12-01得票数 0
3回答
我有以下情况：
它的宽度小于页宽的图像。
图像需要在它的父div (更宽)中居中。
叠加文本应显示在图像的一个角落。
图像不能拉伸。图像将以其本机大小显示。
图像大小不能在CSS中设置，因为该模板将用于许多不同大小的图像。
因此，我想出的代码是用或(必须在全屏上查看，这样图像就会居中)：
@font-face {font-family: "MammaGamma";
src: url("//db.onlinewebfonts.com/t/1d8209e6e1d626b5657d1a5b99ea9572.eot");
src: url
浏览 0提问于2019-05-31得票数 1
回答已采纳
我在SVG地图上有一个圆形别针。SVG在一个带有overflow:hidden的div "location-map“中。SVG维度大于div维度。
<div class="location-map">
<svg></svg>
</div>
svg.selectAll(".pin")
.data(places)
.enter().append("circle", ".pin")
.attr("r", 5)
.attr(&
浏览 0提问于2015-10-01得票数 1
4回答
我用Zurb基金会做了一个项目的实验，在我的页面上我使用了这个。
<div class="row text-center">
<h3>Laurem Ipsom Dolor</h3>
<div class="row">
<div class="small-4 small-offset-2 columns">
<img src="some.svg" class="thumbnail centered"&
浏览 7提问于2016-04-19得票数 2
回答已采纳
你能帮助我理解为什么我的路径拒绝水平居中到svg容器或div中吗？
好的，如果我尝试只水平对齐路径而不使用rect svg，如果svg容器是100%宽度，我可以这样做。但是，如果我想添加rect，并且只处理div的width和height static，我永远找不到路径中心的解决方案。
html：
<div id="svg-container">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="1
浏览 17提问于2016-09-25得票数 0
当我将绝对图像添加到图像时，图像是居中的。
我希望将一个image标记和一个带有div标记的p标记居中，并且希望div标记以绝对标记居中，但它不居中。
import { FunctionComponent } from 'react';
const Index: FunctionComponent = () => {
return (
<>
<img
src="profile.svg"
style={{
position: 'absolu
浏览 0提问于2021-03-11得票数 0
7回答
我需要一些关于这段代码的帮助。我试图将所有内容居中，即图像、文本和表格。当我尝试用显示器居中显示图像时:块和边距-左，边距-右:自动。图像完全正确，我不知道为什么。
.container {
display: flex;
margin: 0 auto;
}
.section {
flex: 1;
/*grow*/
}
table.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}
img {
display: block;
margin-left: auto;
浏览 4提问于2019-06-19得票数 0
我有一个绝对定位的div (因为它包含的子div本身是绝对定位的)，我想要水平居中。
我可以使用下面的CSS实现这一点
width : 512px;
position : absolute;
left : 50%;
margin-left :-256px; // half width of div
(在中完成测试)
但是，当窗口不够大时，div会向左溢出。
有没有办法在页面足够大的时候让它居中，而在其他情况下左对齐(只使用CSS)？
浏览 1提问于2012-10-02得票数 0
回答已采纳
1回答
我读了一些这样的问题，但没有什么能帮助我……
我有一个bootstrap布局与固定(居中宽度，边缘:0自动)容器宽度为1170px。
现在在这个内容中，我需要插入一个div，它尊重div的顺序(所以没有位置:绝对)，但是宽度是100%。通过这种方式，我可以使用这个div插入一个带有background-size: cover的横幅；
我读到了这个，这个解决方案不允许我为entere div使用唯一的背景图像。
我想我可以使用一个jquery来解决这个问题，这个jquery在基础上添加了负边距-左边距和右边距-居中div和屏幕之间的距离……
你能帮我吗？;)
谢谢
浏览 4提问于2014-08-28得票数 0
2回答
对于这样的问题，我在StackOverflow中检查了不同的解决方案，但都无济于事。对于我的生活，我不知道哪里出了问题。
您可能想知道“为什么要使用SVG”。我必须在HTML中创建一个圆，并将其放置在横幅上，这是为客户准备的。我发现创建SVG形状是创建这样的圆的最好方法。这是我目前的SVG：
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="40" cy="40" r="40" fill="#472e12" />
<for
浏览 6提问于2017-06-26得票数 0
回答已采纳
实际上，我正在练习在div中将文本垂直居中。我已经在网上阅读了很多说明。但我喜欢其中的一个，我可以将容器div显示为表格，然后将其中的子div (在本例中为.middle)显示为表格单元格。它起作用了。但唯一的问题是，每当我试图将div的高度设置为100%时，.container都会被压缩到文本行。但是，当我显式地定义.container div的高度时，我就能够在文本完全居中的情况下获得所需的宽度。
谁能解释一下这是为什么？请参考图片截图以更好地了解这一点。
html,
body {
height: 100%;
width: 100%;
left: 0p
浏览 0提问于2016-05-24得票数 1
1回答
在下面的示例中，我有3个div：
第一个是空的，
第二个孩子有一个内嵌的SVG，
第三个是一个空的div，它通过JS附加了一个SVG。
我的问题是；
为什么第二个SVG被推倒在页面上？我只是把一个SVG放在一个div中，没有改变页边距。
默认情况下，SVG的宽度和高度是100%，因此如果将SVG放入容器中，则应该拉伸以填充该容器。但是，当我通过JS追加SVG时，没有。
<div></div>
<div>
<svg viewbox="0 0 24 24">
<pa
浏览 1提问于2016-03-22得票数 0
回答已采纳
2回答
我试图将一个动态大小的.nav居中放置在一个静态的.container div中。我有以下代码：
$('.nav').css({
'position': 'fixed',
'left': '50%',
'top': '50%',
'margin-left': -$(this).outerWidth() / 2,
'margin-top': -$(this).outer
浏览 0提问于2013-11-26得票数 1
我使用SVG来显示结果，并希望在defaultSize容器的中心对齐项目。在chrome中，svg图像可以正确居中，但在IE 11中，svg图像的顶部和底部会显示额外的空间，垂直滚动条也会显示。 .svgImage {
width: auto;
display: flex;
align-items: center;
height: 100%;
}
.defaultSize svg {
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transform-origin
浏览 18提问于2019-04-02得票数 2
我在flex容器中居中两个元素时遇到了很大的麻烦。我想要做的是在flex容器的顶部居中放置一个元素(使用flex-start ?)在容器的底部有一个元素(flex-end ?)。我试过几种方法，但都不能得到我想要的。我的大多数尝试都以容器左上半部分的一个元素和右下半部分的另一个元素结束。
请看一下：
<!DOCTYPE html>
<body>
<div class="flexcontainer1">
<div class="txt1"> Some text here </div>
&l
浏览 0提问于2015-05-18得票数 0
我是flexbox的新手。我使用代码的目标是使容器div中的文本垂直和水平居中。
为什么文本没有居中对齐？我需要添加text-align:center吗？flexbox不应该为我做这件事吗？
.container {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
background: #efefef;
}
.content {
box-sizing: border-box;
padding: 24px;
}
<div class=
浏览 3提问于2018-02-11得票数 1
1回答
我用SVG做的网格是这样的：
<svg id="canvas-svg" class="remove-on-save" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="smallGrid" width="10" height="10" patternUnits="userSpaceOnUse
浏览 1提问于2014-03-19得票数 0
回答已采纳
不知道我做错了什么，为什么我的代码没有被居中:当我点击按钮来做平滑-责骂，这个特定的部分的引导corosel模板没有居中时，它滚动到这一部分。
我在看另一篇文章，
关于顺利滚动，但解释没有帮助，有更简单的方法吗？那也是六年前的吗？这是我的代码和屏幕截图-当我点击按钮时，第一张图片没有居中。而第二张照片的中心非常完美。为什么？
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<s
浏览 1提问于2020-04-26得票数 0
回答已采纳
1回答
我刚刚读了大卫的文章，并决定试一试，所以我自己做了下面的例子：
<div class="wrpr">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
CSS
.wrpr {
display: flex;
border: 5px solid tomato;
height: 300px;
align-it
浏览 3提问于2015-12-30得票数 4
回答已采纳
2回答
我正试着在div里竖直地居中一些文字。听起来很简单但我搞不懂。下面是代码，很抱歉格式和实践都很糟糕，这是一些快速而又肮脏的东西：
<div id="container" style="text-align:center ;border: 5px solid blue; display:flex; flex-direction:row ; justify-content:center; height:100px">
<div id="first" style=" min-height:100px; min-widt
浏览 5提问于2015-10-25得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
