腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
2
回答
为什么
我
的
svg
没有
在
div
容器
中
居中
?
、
、
、
我
有以下代码 .services-container { height: 300px; justify-content: center; flex-direction: column; widthservices-branding figcaption {} .services-branding
浏览 280
提问于2019-05-13
得票数 4
回答已采纳
2
回答
div
容器
中
的
垂直中心
svg
、
、
你能帮助我理解
为什么
我
的
svg
拒绝调整高度来帮助我
在
div
容器
中
垂直
居中
吗?其主要思想是将
svg
水平和垂直
居中
放到一个
div
中
。
我
试试这个: <
浏览 1
提问于2016-09-10
得票数 26
回答已采纳
1
回答
svg
中
水平
居中
svg
路径包含到
div
容器
中
、
、
你能帮助我理解
为什么
我
的
路径拒绝水平
居中
到
svg
容器
或
div
中
吗? 好
的
,如果
我
尝试只水平对齐路径而不使用rect
svg
,如果
svg
容器
是100%宽度,
我
可以这样做。但是,如果
我
想添加rect,并且只处理
div
的
width和height static,
我
永远找不到路径中心<
浏览 17
提问于2016-09-25
得票数 0
1
回答
如何在IE11
中
消除
svg
图像顶部和底部
的
多余空间
、
、
我
使用
SVG
来显示结果,并希望
在
defaultSize
容器
的
中心对齐项目。
在
chrome
中
,
svg
图像可以正确
居中
,但在IE 11
中
,
svg
图像
的
顶部和底部会显示额外
的
空间,垂直滚动条也会显示。 scale(2); -webkit-transform-origin: left; transform
浏览 18
提问于2019-04-02
得票数 2
1
回答
如何将内容中心垂直和水平地与tailwind.css反应,Next.js?
、
、
、
、
我
试图将
svg
组件垂直和水平地放置
在
父
div
元素
的
中心,
在
React,Next.js项目中使用Next.js。请告诉
我
我
的
代码哪里出错了。对于粘贴
的
png下面显示的当前结果,
svg
图标不在其父
div
元素
的
中心。此外,父
div
不具有与行
的
同级
div
元素相同
的
高度。
我
想解决这两个
浏览 2
提问于2021-01-14
得票数 2
回答已采纳
1
回答
如何定义
SVG
viewBox以删除可见元素周围
的
填充
、
、
、
原因似乎是因为它
的
viewBox定义了一个24x24
的
容器
,而唯一可见
的
路径是定义了一个79.17x83.33
的
容器
(如果你
在
Google Chrome
中
检查
SVG
,你就会看到它)。假设这个假设是正确
的
,你如何校正viewBox,这样就不会有额外
的
填充,希望这会导致飞机
居中
?还有其他答案建议重新定位/转换
SVG
以使其
居中
,但这不是目标。
浏览 10
提问于2019-11-22
得票数 1
1
回答
如何将一系列
svg
圆垂直
居中
?
、
、
我
有一系列
SVG
创建
的
圆圈,每个圆圈旁边都有文本,每个圆圈都有特定
的
边框,以便创建一个类似于"C“
的
形状。
我
在
垂直
居中
时遇到了困难。
我
最初
的
尝试是创建一个带有<ul>
的
容器
,然后创建一系列<li>。
我
的
想法是,<ul>将包含它自己
的
形状,因此具有完整高度
的
容
浏览 17
提问于2019-09-27
得票数 0
回答已采纳
3
回答
可伸缩
的
定位和对
中
1)
我
试图显示一个图像(由一个
容器
包裹)垂直中心和
居中
于
容器
的
左半部分。(基于我上一篇文章:)对于第一部分(对中和定位),这是小提琴,它正在工作:现在,
我
试图添加图像和改变宽度
没有
高度。因此,
浏览 2
提问于2014-10-16
得票数 1
回答已采纳
1
回答
在
使用媒体查询时保持
SVG
中心
、
、
、
我
有一个页面,其中
我
使用d3.js绘制了几个
SVG
。
在
构建
SVG
图形时,
我
指定了固定
的
高度和宽度(它代表
我
想要
的
最大高度/宽度)。这很好,使用CSS,一切都集中
在
页面上,这是
我
想要
的
。酷-现在所有的东西都缩放到整个页面的宽度,比如CSS
中
的
width = 100%。 于是
我
添加了
我
的
浏览 3
提问于2017-02-23
得票数 2
回答已采纳
1
回答
页面
容器
不以页面
居中
对齐中心问题
、
、
我
试图使页面
容器
居中
,同时保持内容
的
左对齐。主包装
容器
居中
,但是里面的
容器
没有
居中
<
div
class="cente
浏览 0
提问于2019-12-01
得票数 0
2
回答
在
group元素内
居中
(水平)对齐文本节点
、
、
我
有这个group元素和一个文本节点:var legend_text = legend.append('text').attr('y', 0)这只是代码
的
一部分。实际上,
在
文本节点之后动态创建
的
group元素
中
还有其他子节点(这些其他元素决定group
浏览 0
提问于2015-12-02
得票数 1
3
回答
为什么
正确
的
内容:中心失败时,
我
缩小视口宽度?
、
、
在
一个足够广阔
的
视野
中
,“灵活
容器
”元素“George”
的
内容由于justify-content: center;而保持水平中心。然而,当您缩小视口很多时,它就失败了。
为什么
会这样呢? justify-content: center; <header class="grid-container"> <
div
class="flex-co
浏览 6
提问于2020-06-03
得票数 0
回答已采纳
8
回答
svg
背景图片在浏览器
中
的
位置总是
居中
,尽管背景位置是左
居中
;
、
、
我
使用
SVG
徽标作为背景图像,但在Internet Explorer (edit:和Safari)
中
似乎无法使其正确地与左侧对齐。
容器
看起来像这样: <
div
id="logo"></
div
>使用以下样式: width: 100%; max-width:
浏览 33
提问于2013-07-30
得票数 78
回答已采纳
1
回答
svg
中
的
Center D3 geoPath US map
、
、
、
、
我
有一个简单
的
HTML文件: <
div
class="container" id="main"></
div
></body> 用于从D3创建美国县地图
的
相应JavaSc
浏览 0
提问于2021-09-03
得票数 1
5
回答
按钮不会在块级
容器
中
居中
。
、
、
、
为什么
放置
在
flex
容器
中
的
按钮通过使用margin : 0px auto;来
居中
,而放置
在
普通
容器
中
的
按钮却不是?另外,
我
能做些什么来使按钮
在
普通
容器
中
居中
(
我
不能更改
我
的
HTML,所以最好是CSS解决方案)。} .normal-
浏览 14
提问于2016-05-02
得票数 2
回答已采纳
3
回答
如何在Bootstrap中将图像
居中
?
、
我
正在努力仅使用Bootstrap
的
CSS类来
居中
显示图像。
我
已经试过几种方法了。一种方法是向img元素添加Bootstrap CSS类mx-auto,但它什么也不做。 <
div
class="row">
浏览 1
提问于2017-04-05
得票数 73
回答已采纳
1
回答
文本和
SVG
元素垂直
居中
,无填充和文本对齐
、
、
我
正在尝试格式化一系列标签和
svg
元素;但是,
我
似乎无法正确地对齐。到目前为止,
我
已经搜索了各种css对齐策略,但一无所获。下面的代码生成了一个标签和一个文本
居中
的
框。
我
希望标签文本和框
中
的
文本垂直
居中
到同一行。目前,它们被抵消了一点。
我
还注意到两个元素周围
的
边距不一致(边框和顶部之间
的
间距小于边框和底部之间
的
间距),这可能会导致一些未对齐。理想
浏览 2
提问于2016-05-27
得票数 0
2
回答
如何定位
SVG
圆圈以使其水平对齐到页面
、
、
我
有这样
的
代码:<
div
class="gBox"> <
svg
width="100%" height="300" fill="black" stroke="#9966cc" stroke-widthcircle class="myCircle" transform="rotate(150 200 200)" cy="120" r
浏览 2
提问于2022-01-03
得票数 0
5
回答
当使用自动边距
居中
div
时,宽度是必需
的
吗?
、
我
试着将我
的
div
放在正中,像这样使用margin: auto::但它仍然向左对齐。
我
发现
我
必须为
div
指定一个宽度,这样它才能
居中
:那么,使
div
居中
是否需要宽度呢
我
认为
浏览 4
提问于2011-10-25
得票数 3
回答已采纳
2
回答
Firefox绝对位置阻止按钮点击
、
、
、
我
读了很多关于这个问题
的
东西,但它们似乎并
没有
解决
我
的
问题。基本上,
在
Firefox上,子元素(一个
svg
)覆盖了按钮,并阻止它被点击。这段代码
在
Chrome
中
运行良好,但在Firefox中就不行了。
我
曾尝试应用height: 100%和width: 100%,建议解决此问题,但可单击区域
在
元素
的
中途开始(见下图)。 ?
我
如何才能以一种跨现代浏览器工作<e
浏览 21
提问于2019-01-09
得票数 0
回答已采纳
点击加载更多
相关
资讯
为什么你在中免日上买的东西没有代购便宜?
为什么我在Office 365中关闭了Word的自动保存功能
最全的实现垂直居中的方法
前端福音:为什么使用React和SVG开发图形UI是天作之合?
70多个非常实用的CSS小技巧
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券