center 相关问题

HTML中的中心标记使其内容在父元素中居中。它已弃用,不应再使用。

如何将文本放置在文本视图的正中心?

我正在开发一个原生android应用程序,我遇到了一个问题,TextView中的文本没有放置在center_vertical中。 文本已放置在 center_horizental 中。问题是垂直的...

回答 1 投票 0

制作一个从左向右滚动的画廊,但滚动中的第一个元素以 margin-left auto 开头,以便其居中

我正在尝试做一个小项目并且想知道 我现在有这样的页面:https://meowrhino.github.io/profilePics/ 并希望画廊能有一个像我一样的卷轴......

回答 1 投票 0

我是一个初学者,沉迷于 VS Code 尝试使用直接格式化

VS Code 直接格式化不起作用。我被告知要使用CSS。为什么我不能通过文本编辑器使用直接格式化? 在学习如何使用 C 之前,我尝试在 VS Code 中使用直接格式化...

回答 1 投票 0

我无法将我的 div 居中并让他做出响应

我正在用 html 和 css 制作学校项目,按钮上方的所有上部部分都居中且响应式,但按钮未居中(我必须将宽度更改为 60%),而且它们不是居中

回答 1 投票 0

使用 CSS 将 HTML DIV 居中不起作用,我做错了什么?

我目前正在做一项学校作业,但遇到了无法解决的问题。 我创建了两个带有网格系统的 div,一个用于日历,一个用于新闻部分,当我

回答 2 投票 0

用网格将图像居中

我一直在努力开发一个网站,其中包含标题和正文中的图像。然而,我在尝试将图像置于身体部分的中心时遇到了挑战。图片

回答 1 投票 0

如何在页面中间放置html代码

我想学习学校项目的html代码,我不知道如何在页面中间(水平)放置字母*以使其更美观。我是编码新手,所以请尝试使其变得简单......

回答 3 投票 0

SVG 中心文本在圆圈中

我正在尝试将文本置于 SVG 圆圈中。 查看了以前的解决方案,但无法使其工作。 如何让以下示例将“X”置于圆的中心而不修改 x/y 坐标...

回答 1 投票 0

元素“align”已过时或非标准:我应该使用什么来代替?

我有这个HTML代码: 我在 Visual Studio 2008 中从 ReSharper 收到此错误: “元素‘align’已过时或不标准” 这个用什么代替...

回答 10 投票 0

垂直对齐离子卡的中心 [IONIC]

我正在开发一个登录表单,因此在我的中我有一个(用作登录表单的容器),我想将其垂直居中。我尝试了不同的方法...

回答 1 投票 0

如何将我的博客上的导航栏居中?

如何将 Blogger 博客的导航栏居中?它目前位于左侧,但我希望它居中。模板 我尝试把 text-align:center;} 和align-items:center;} 几乎无处不在...

回答 1 投票 0

如何将Google Map Circle数据存储在MySql数据库中

我正在尝试将 Google Map Circle 数据存储在 MySql 数据库中。我选择文本数据类型来存储中心坐标,并选择 int 数据类型来存储中心半径。现在我正在使用下面的代码从...获取数据

回答 1 投票 0

h:输出文本值以居中对齐

我试图将 div 标签包围的 h:outputText 标签的值居中对齐。我发现示例 1) 满足了我的目标,但是我希望使用 css 类来满足需要,但我已经......

回答 4 投票 0

如何在 TWebMemo 组件内居中放置文本

我正在尝试将文本在 TWebMemo 组件中居中,但我无法做到这一点,有人知道如何使文本居中吗?

回答 2 投票 0

如何将备忘录组件中的文本居中

我正在尝试将我的文本放在备忘录组件中,但我无法做到这一点,有人可能知道如何做吗?

回答 1 投票 0

div 左右半部分的背景颜色不同

我有一个居中的 div 布局。背景中的 div 左侧应为白色,右侧应为绿色。两者都应延伸至无穷大。 我认为这应该很简单,但是......

回答 7 投票 0

修复整个屏幕的背景画面

我在这里设置了背景图像,但它没有渲染整个屏幕。它仅出现在 SVG 法师的背景上。我想要它作为整个屏幕的背景,还有......

回答 1 投票 0

有没有办法让下面的文本在框内居中?

我使用 Python 和 Pygame 在 Pi 上显示天气 我有 2 个盒子,我试图在其中显示风速和风向 这是我的代码 pg.draw.rect(屏幕, (255,255,255), (643,...

回答 1 投票 0

将卡片中的行居中

你好,我什至无法使用 crossaxisalignment 将行居中 如果我用中心小部件覆盖该行,请帮忙... ` 卡片( elevation: 4.0, // 卡牌高度 孩子:中心( 孩子:P...

回答 1 投票 0

h2 标签的标题未垂直居中

我有这个代码,我希望 元素中的“0”居中。无论我对 .score 类做什么,“0”都只会停留在顶部中心并且不会从顶部移动...... 我有这段代码,我希望 <h2> 元素中的“0”居中。无论我对 .score 类做什么,“0”都只会停留在顶部中心并且不会从顶部移动。 body { margin: 0; background-color: #0369A1; text-align: center; } @font-face { font-family: CursedTimerUlil-Aznm; src: url(fonts/CursedTimerUlil-Aznm.ttf); } h3 { font-family: Verdana, Geneva, Tahoma, sans-serif; color: #EEE; font-size: 40px; font-weight: 700; margin: 21px; } .score { font-family: CursedTimerUlil-Aznm; border: 3px solid #BE123C; border-radius: 4px; background-color: #FB7185; width: 200px; font-weight: 400; font-size: 90px; margin: 28px 0; } .container { display: flex; justify-content: space-around; } .counters { display: flex; justify-content: space-between; margin: 0; } .counter-btn { font-family: CursedTimerUlil-Aznm; font-weight: 400; font-size: 18px; width: 48px; height: 48px; border: 2px solid #EEE; border-radius: 3px; color: #EEE; background-color: #0369A1; } <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="container"> <div class="card"> <h3>HOME</h3> <h2 class="score">0</h2> <div class="counters"> <button class="counter-btn">+1</button> <button class="counter-btn">+2</button> <button class="counter-btn">+3</button> </div> </div> <div class="card"> <h3>GUEST</h3> <h2 class="score">0</h2> <div class="counters"> <button class="counter-btn">+1</button> <button class="counter-btn">+2</button> <button class="counter-btn">+3</button> </div> </div> </div> </body> </html> 我有另一段代码,其中“0”保持完美居中,但我无法弄清楚第一个代码有什么问题以及这两段代码之间有什么区别。 我的工作 HTML 代码: body { margin: 0; text-align: center; } .score { background: #0a0001; font-size: 90px; color: #F94F6D; width: 120px; margin: 20px; } .container { display: flex; justify-content: space-around; } button { background: none; } <html> <head> <link rel="stylesheet" href="index.css"> </head> <body> <div class="container"> <div class="column"> <h3>HOME</h3> <h2 class="score">0</h2> <div> <button>+1</button> <button>+2</button> <button>+3</button> </div> </div> <div class="column"> <h3>GUEST</h3> </div> </div> </body> </html> 与第二个片段相比,第一个片段应用了更多应用于 .score 的 CSS 属性,但下面的更改应该会得到您想要的结果。 “应该”.. .score { font-family: CursedTimerUlil-Aznm; border: 3px solid #BE123C; border-radius: 4px; background-color: #FB7185; width: 200px; font-weight: 400; font-size: 90px; margin: 28px 0; display: flex; /* Added this line */ justify-content: center; /* Added this line */ align-items: center; /* Added this line */ }

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.