通过只使用HTML和CSS，我想要做一行文本(单字母)元素，其中每个字母都是垂直和水平居中的正方形颜色的背景。就像这样：
我试过：，但背景不是正方形，字母的位置似乎垂直地偏离中心，即使是vertical-align: middle。
此外，我在div中包装这一行元素，这个div在(CSS或HTML)表中使用，所以不可能有任何奇怪的边距东西会影响它在单元格内的垂直对中。
我只需要支持主要的现代浏览器，例如FF、Chrome、Safari 5+、Opera 11+和IE 9+
浏览 0提问于2013-08-01得票数 1
回答已采纳
我正在尝试垂直和水平中心的content: "+";。垂直地，我已经能够用线的高度来完成这个任务。然而，在水平方向上，我尝试使用绝对定位，然后用边距减去。但不管用..。
这就是我所拥有的：
html body div.body-container form div#composite-field button#fes-submit {
position: absolute; float: none; clear: both; top: 0; right: 5%;
width: 80px; height: 100px; margin: 0; padding: 0; font-
浏览 1提问于2015-02-03得票数 0
回答已采纳
1回答
我知道已知的JavaHelp HTML呈现效果很差/过时，但我想知道是否存在解决以下问题的解决办法。下面的HTML片段
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div>
<span>This is a </span>
<img
浏览 4提问于2021-10-22得票数 0
回答已采纳
我正在使用Html和Css创建垂直方向的DropDown菜单，如下所示。
[http://jsfiddle.net/techspartan/8u8NH/][1]
我使用div将我的页面划分成两个部分，在左侧显示菜单，在剩余的空间中显示一些内容。例如，如果网页的宽度为1024 to，则将200 to分配给菜单，其余的824 to分配给有内容的div。但是在使用div之后，我无法导航到子菜单"3.4.1“和"3.4.2”，如上面发布的所示，我可以理解这是因为子菜单正在横过分配给它的空间。
因此，我如何解决这个问题，我不想给我的菜单分配更多的宽度，菜单后面应该是内容。
任何帮助都是
浏览 2提问于2013-11-08得票数 1
回答已采纳
1回答
由于writing-mode设置为vertical-lr，包含传统蒙古语的文本框在iOS上不能正确显示，如下图第一部分所示。如果writing-mode是horizontal-tb，则文本显示得很好。如何使vertical-lr模式下的蒙古文在iOS/iPadOS上正确显示？但是，垂直模式和水平模式对于桌面浏览器来说很好。可以复制这些数字的html是：
<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family:'hawang';
s
浏览 0提问于2022-04-30得票数 1
1回答
如何在Scala中为垂直制表符('\v'，ASCII 11)编写字符文字？
'\v'不工作。(无效转义字符)应为'\11'，但...
scala> '\11'.toInt
res13: Int = 9
但是9是表示普通制表符(‘\t’)的ASCII代码。那是怎么回事？
EDIT:这样可以工作并产生正确的字符，但我仍然想知道文本的语法。
val c:Char = 11
浏览 5提问于2012-10-19得票数 9
回答已采纳
1回答
你可以在图片上看到我的问题：
当我最小化我的网站时，我发现当我使用垂直滚动条时，我的内容会流过我的导航。我知道我可以用一个z索引来让它落后。但是我希望能够向右滚动，看到页面的其余部分在右边，而不必滚动“内容”。
现在，这只在本地运行。所以我不能给你一个网页的链接。
下面是已剥离的HTML：
<div id="main-wrapper">
<div id="menu-wrapper">
<div id="logo">
<a href="index.html"
浏览 2提问于2014-01-14得票数 1
回答已采纳
3回答
HTML：
<th class="someCSS">Text</th>
CSS：
.someCSS {
vertical-align: middle;
}
这段代码不起作用。它不对齐元素垂直中间。我该怎么做？
浏览 2提问于2016-04-10得票数 1
回答已采纳
1回答
有一个定理，即点处的梯度与给定点处的等高线垂直于切线。为什么在这张图片中，这条规则似乎没有得到尊重？
📷
资料来源：http://www.deeplearningbook.org/contents/numerical.html第89页。
在这种情况下：
📷
资料来源：http://www.deeplearningbook.org/contents/optimization.html第310页
在第二种情况下，这甚至更奇怪，因为这些步骤似乎不是垂直于等高线，而是与以前的梯度向量垂直？我是遗漏了什么还是把图像看得太严重了？事先表示感谢和问候。
浏览 0提问于2019-11-13得票数 3
回答已采纳
1回答
我的目标是创建一个具有特定条件的表：
如果显示宽度太小，不适合内容，则添加水平滚动条，不要缩小单元格；如果显示高度太小，不适合内容，则添加，添加垂直滚动条，不缩小单元格。
我设法做到了这一点，但我有一个问题，如果显示的宽度和高度都太小，无法适应内容，则垂直滚动条是完美的，但是水平滚动条隐藏在垂直溢出之下。因此，如果用户希望看到整个第一行，他/她需要垂直滚动到末尾，然后水平滚动到末尾，最后垂直向上滚动以查看第一行。
下面是一个JSFiddle示例：
CSS和HTML：
.main-container {
background-color: #222C2A;
color: #F3E
浏览 0提问于2021-04-03得票数 0
我试图在控件中使用Wingdings符号作为图形，并试图使它在文本框(UWP应用程序)中垂直居中。我把一个可见的边框围绕在它周围，这个符号不是垂直的，这是显而易见的，并且破坏了我的目标。如果可能的话，它可以避免我不得不做自定义艺术，而且由于Wingdings是可调整大小的，所以我的图形可能会稍微容易地被重新缩放。这就是为什么我不想手动调整高度，直到它看起来中心。
大多数机翼不是垂直中心，但有时被用作图形，所以我想知道这是否可行，w/合理的努力。一个巧妙的xaml方式来做这将是理想的，但一个字体度量测量，然后文本块高度调整钉将是好的。
下面是这个问题的一个例子。硬盘驱动器符号不是垂直居中的边框。
浏览 7提问于2016-12-14得票数 0
1回答
我只有一个简单的html：
<body>
<header id="cabecalho">
<nav id="menu">
<ul>
<li>Home</li>
<li>Projects</li>
<li>Contact</li>
</ul>
</nav>
浏览 4提问于2017-12-23得票数 0
回答已采纳
1回答
在iOS 7上，有没有办法改变后退按钮箭头的垂直对齐方式？我只能更改标题的垂直对齐，而UIBarButtonItem的外观中没有任何东西表明箭头垂直对齐可以更改。
请参见以下示例：
浏览 1提问于2013-09-23得票数 14
回答已采纳
3回答
在下面的图片中，'A‘和'a’占据着相同的垂直空间。
是有可能改变一些东西，这样'a‘占据了较少的垂直空间吗？
我想摆脱绿色圈的区域。
我试着用线高来玩，但没有成功。此外，保证金和填充没有任何影响。在HTML下面：
<svg height="800" width="800">
<text font-size="150px" fill="black" x="30" y="300"
style="line-height: -
浏览 2提问于2015-04-27得票数 3
回答已采纳
我正在开发一个应用程序，有几个垂直堆栈的交替按钮和文本标签。该应用程序在所有设备上的模拟器中显示和运行正常，但当下载到实际设备上时，文本标签在iPhone X等较新的设备上不可见。
浏览 7提问于2020-08-06得票数 0
回答已采纳
我想在Vim中创建一个宏或脚本，执行以下操作：
任何出现在文本本身中的引号，quotesescaping 在垂直对齐中右侧都有引号。
例如：
<html>
<head></head>
<body>
<h1>High Score Server</h1>
<table>
ROWS
</table>
</body>
</html>
将成为：
"<html> "
"<head></head&g
浏览 0提问于2010-06-30得票数 1
回答已采纳
我使用Chart.js生成BarChart。如何对齐标签，使旋转为90，并且所有标签都与每个标签的开头对齐。目前，所有标签都与每个标签的末尾对齐。
我正在尝试显示所有标签，使其从相同的垂直位置开始-这里是复仇女神的'A‘。目前所有的标签都在相同的垂直位置结束--战争中的“r”。
我需要文本转到右边(不是左边)，从下到上(不是从上到下)
public barChartOptions: ChartOptions = {
responsive: true,
legend: {
display: false
},
scales: {
xAxes: [{
浏览 0提问于2019-09-20得票数 1
日安。我想知道，如果我想做一个Backus表单，表示例如Java中的if-else子句，我将如何使用OR和多个条件？我知道这一点，并且可以简单地用&&，和OR表示。但是由于垂直行已经是BNF语法的一部分，我想知道是否允许这样做。
浏览 3提问于2017-02-18得票数 2
回答已采纳
3回答
我很难弄清楚h1标签中的额外空间是从哪里来的。我已经将CSS填充和边距重置为0，并将行高设置为与字体大小相同，并且我希望文本在标签内没有上下空间，并垂直居中(冗余，但至少垂直居中，上下空间最小...最多几个像素)。
下面是我的html：
<h1>THIS IS A TEST</h1>
这是我的CSS：
h1 {
margin:0;
padding:0;
background-color:#FC9;
font-size:3em;
text-transform:uppercase;
line-height:3e
浏览 4提问于2015-06-18得票数 1
我已经使用Blueprint制作了一个非常简单的页面layout...but原型，在阅读了绝对定位和相对定位以及一些关于垂直定位的在线教程后，我无法让事情按照我认为的方式工作。
下面是我的html：
<div class="container" id="header">
<div class="span-4" id="logo">
<img src="logo.png" width="150" height="194" />
<
浏览 0提问于2011-03-16得票数 0
回答已采纳
3回答
我试着使用这个来动画我的链接。
但是，对于垂直文本，它实际上不起作用，
我能改变什么(如果可能的话)使垂直文本与此动画正确划线？
HTML：
<div class="hlinks">
<a href="about.html">ABOUT</a> —
<a href="contact.html">CONTACT</a>
</div>
CSS：
.hlinks {
writing-mode: vertical-rl;
posit
浏览 0提问于2018-04-10得票数 3
回答已采纳
如何消除两个绿色电视之间的垂直白线，而不浮动他们？
JSFIDDLE -
HTML
<div class="left">TODO write content1</div>
<div class="left">TODO write content2</div>
<div >TODO write content3</div>
<div>TODO write content4</div>
CSS
div {
width: 200px;
height: 200px;
bac
浏览 1提问于2014-04-22得票数 1
回答已采纳
我正在将文本加载到WKWebView中。我的目标是：
将字体大小设置为固定值
在WKWebView中垂直对齐文本
在WKWebView中水平对齐文本
我还没有在WKWebView上找到这样做的函数。因此，我试图将字符串包装成一些HTML代码。
这是我的代码：
func loadQuestions() {
questionView.questionLabel.text = questionArray[questionIndex].questionText
let questionText: String = questionArray[questionInd
浏览 2提问于2017-01-15得票数 0
2回答
Unicode标准现在包含埃及象形文字格式的控制字符。(9个字符: 13430-8)。原则上(我的理解)是，它们的作用是：
在代码13430 (埃及象形文字垂直拼合)中，一个符号应该放在另一个上面，如下所示：
不幸的是，目前似乎没有对这些字符的支持。
特别是我想要为网络实现一些东西，即我想要正确地显示格式的象形文字，而不必在后端生成图像。理想情况下，像<span class="hieroglyphic-unicode"></span>这样的东西会正确显示。
如有任何帮助/建议，将不胜感激。
浏览 7提问于2022-06-10得票数 1
1回答
如何创建垂直于弧线的文本。我有甜甜圈图，我需要保持文字垂直的内部辐射弧在中心。我该怎么做呢？
在的例子中，我需要hello位于内部辐射的中心，并且垂直于它。
var svg = d3.select("body").append("svg")
.attr('width',400)
.attr('height',400)
var pi = Math.PI;
var arc = d3.svg.arc()
.innerRadius(100)
.outerRadius(2
浏览 5提问于2015-05-03得票数 0
回答已采纳
希望这是一个简单的，但它正在回避我。
我想在我的文件中用回车符(char 13)替换垂直制表符(char 11
(我从Filemaker导出，它将字段中的回车转换为垂直制表符)
我以为这会起作用，但事实并非如此：
/usr/bin/perl -i -pe 's/\\011/\\013/g' foo.txt
任何帮助都是非常感谢的！
浏览 2提问于2014-03-12得票数 2
1回答
输入string.whitespace会得到一个字符串，其中包含由Python的string模块定义的所有空格字符：
'\t\n\x0b\x0c\r '
\x0b和\x0c似乎都给出了一个垂直制表符。
>>> print 'first\x0bsecond'
first
second
\v提供了同样的效果。这三个有什么不同？为什么string模块使用\x0b或\x0c而不是更简单的\v
浏览 6提问于2014-10-04得票数 34
回答已采纳
2回答
我有一个摘要标签，但是摘要中的文本位于顶部。我怎么才能垂直地对着它
HTML
<details class="FAQ"><summary class="FAQ">Where can I find the most detailed information?</summary></details>
CSS
details.FAQ{
padding:7px 7px 7px 29px;
}
summary.FAQ{
height: 29px;
background-color: #8C
浏览 5提问于2016-06-06得票数 1
回答已采纳
在JointJS中有一个参数，它“使链接倾向于垂直于它们关联的对象”。
这对我来说不太清楚。有人知道这个选项是什么吗？
浏览 5提问于2014-05-15得票数 0
回答已采纳
在中，它声明
12个字符在正则表达式中具有特殊的含义:反斜杠\、插入符号^、美元符号$、句号或圆点、垂直条形或管状符号？、问号？、星号或星号*、加号+、开始括号(结束括号)、开始方括号[和开始括号{。这些特殊字符通常被称为“元字符”。其中大多数都是单独使用时的错误。
在它的规范中，()，[，{是元字符，而‘闭幕方形括号’和‘闭合卷曲大括号’不是。
显然，'[‘和'{’不能单独发挥作用，就像打开圆括号(应该合作伙伴‘一样’)。
导致“]和}没有被选中的原因是什么？”
浏览 3提问于2017-12-01得票数 1
回答已采纳
1回答
延伸边栏以适合页面
、、、
我对元素的侧边栏有一点小问题。我想把它放在我页面的右侧，以显示我的社交媒体个人资料。我想让这个栏垂直伸展以适合屏幕，而不是我的页面。所以，我不想显示任何滚动条。
这是我用来做这个的CSS代码：
html
{
position: relative;
min-height: 100%;
}
aside
{
width:70px;
position:absolute;
right:0;
bottom:0;
top:151px;
background-color:#5A9AA8;
text-align:center;
display:block;
}
它可以做我想让它在Chrome中做的事情，但当
浏览 3提问于2014-12-10得票数 0
我在div中有一些垂直对齐的文本，当浏览器调整大小时，我希望保持垂直居中。当div随浏览器缩小时，我的文本就会被偏移到div的底部。有什么建议吗？
下面是我正在经历的问题的。
HTML：
<div class="outer-wrapper">
<div class="inner-wrapper">
<div class="header-wrapper">
<h1>
Vertically aligned text
</h1>
&l
浏览 3提问于2016-05-18得票数 1
回答已采纳
1回答
我试图在JTable中插入一个值。但我遇到了一些问题(设计)。当我试图添加一个值时，word/Line包装通常不起作用，所以我尝试插入嵌入HTML标记的值
<html>Value</html>
但问题是，在顶部有一些额外的空间(第一行正好在中间)。因此，我尝试使用渲染器将JTextpane添加到JTable中，但它只使水平中心而不是垂直中心(Word/行包装工作正常)。
简而言之，我的需求是
我需要在JTable中输入一个值。
如果超过列宽，我需要Word/Line。
我需要精确地显示在单元格中间的值(水平和垂直中心)。
类TableCellLongText
浏览 1提问于2015-08-10得票数 0
回答已采纳
开始有点背景。我刚刚在teamtreehouse.com上完成了html/css的基础知识。出去练习一下。我的第一个项目是一个基本的投资组合网站。我想要一个垂直导航条。只是居中。我似乎搞不明白。这就是我到目前为止所拥有的。()
(HTML)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="Chrome">
<title&
浏览 0提问于2018-08-03得票数 1
回答已采纳
3回答
在我的网站上的标志文本是出于某种原因偏离中心。通过关闭display: inline-block，我可以使它重新集中起来。但是，这会使文本周围的间距变平，并且我无法在文本上方得到间隔(不能为内联元素做垂直填充)。
我怎样才能用背景色对文本进行居中？(由于某种原因，在chrome工具中自动删除text-align: center？
HTML
<h1 class="logo">
<a href="/"><span class="text logo-title">SomeL
浏览 8提问于2016-12-02得票数 0
回答已采纳
我在用谷歌幻灯片。我希望能够将垂直文本添加到表格单元格中。Microsoft Powerpoint提供了此功能。请看下面的截图。我如何在谷歌幻灯片中做同样的动作呢？我搜索了所有的(？)菜单和格式设置选项。
📷
浏览 0提问于2020-06-08得票数 3
3回答
我有一个水平的StackView，它的分布是“均匀填充”。它有3个标签。我希望其中一个标签具有动态高度。当我将该标签的行数设置为0时，它最终在运行时打破了间距约束。
所有这些水平堆栈视图构成了一个垂直堆栈视图。我已经尝试对多行标签设置较低的垂直拥抱优先级和较高的阻力优先级
它在XIB中的行为也是这样的。
在更改行数之前
更改行数后
浏览 1提问于2017-12-27得票数 5
在下面的小提琴里：
我有一个黄色的内容区域，它的min-height设置为100% -它是所有页面的背景div，并且应该占据至少100%的可用高度。如果有溢出，它会垂直膨胀。
然后，在那个黄色的容器里，我有另一个子div (红色)，我想要占用它的父空间一样多的垂直空间。我似乎无法设置height，因为父元素只有min-height，而在红色元素上设置最小高度也不起作用。
所以现在，黄色的表现和我想的一样，但红色并没有扩大。如何才能仅用CSS实现这一点？
CSS:
.browser {
background-color: blue;
height: 600px;
wid
浏览 10提问于2013-12-19得票数 0
回答已采纳
我正在尝试实现一个垂直省略号，用户可以点击它(切换)并选择他们想要执行的操作。 但是，我知道在react中直接操作DOM是不允许的。因为尝试切换classList会抛出错误- TypeError: Cannot read属性'classList‘of null。 如何使用useState钩子来添加/删除className on切换？
浏览 16提问于2019-10-04得票数 2
回答已采纳
3回答
我试图使图片显示与文字在它的权利，同时定位在中间的垂直轴，以适应导航条。
目前，我只能让它显示内联，但它总是接近底部的酒吧，而不是顶部。
HTML:
<div id='profileBar'>
<img src='karl.png' width=25 id='profileBarPic'/>
Damen
</div>
CSS:
#profileBar {
float: right;
padding-right: 10px;
}
#profileBarPic {
width: 25px
浏览 1提问于2013-08-27得票数 0
回答已采纳
2回答
我正在使用badges在一个list-group和有问题的徽章垂直对齐。如果文本长度几乎填满了列表组的宽度，那么徽章就会被向下推。
这里是一个，请移动结果面板，以查找文本宽度与列表组宽度相同的情况。
浏览 3提问于2015-11-12得票数 1
回答已采纳
3回答
如何垂直对齐内嵌元素
、、、
我有这个锚标签，其中有文本之间的垂直对齐文本。我使用的是这个css属性vertical-align: middle。尽管如此，什么也没发生。
浏览 1提问于2011-03-18得票数 16
回答已采纳
我对日语的字体类型有问题。特别是字体Noto。当我将字体应用到Text时，我看到字体的垂直填充看起来太宽了。
这是我的文本显示代码：
Text(
text = "地域のお得は\nすべてここに",
style = Typography.h4,
)
// Typography
val Typography = Typography(
...
h4 = TextStyle(
fontFamily = NotoSans,
fontWeight = FontWeight.Normal,
fontS
浏览 15提问于2021-12-16得票数 1
回答已采纳
3回答
我正在使用一个图标在一个徽章，我想让图标有一个较小的字体大小比文字。这是很好的工作，但现在图标不是垂直中心的徽章。
当我试着给它一个空白-底部或填充-底部，它会把这个添加到整个徽章，而不仅仅是图标元素。
下面是我使用的.css类：
.glyphicon-test3 {
margin-right: 5px;
font-size: 6px;
padding-bottom: 8px;
}
下面是HTML：
<div>
<span id="test" class="badge">
<span class="
浏览 6提问于2015-08-30得票数 0
回答已采纳
我有两个跨越与不同字体大小的文本在一个段落。我想要水平对齐他们相应地左和右。我也想在基线上垂直对齐它们。正如您在这个中所看到的，我不能同时使用文本对齐，也不能用浮点对齐。
html :
<p>
<span class="one">Something</span>
<span class="two">Something Else</span>
</p>
css :
p {
border: 1px solid black;
}
p span {
vertical-align:
浏览 2提问于2015-03-05得票数 0
我有一个布局，它在基于Webkit的浏览器中呈现得非常好，但在internet explorer和firefox中，垂直对齐是关闭的。最简单的代码示例如下：
<html>
<head>
<style>
body {
padding: 20px;
background-color: #c0c0c0 ;
}
#wrapper {
border: 4px solid #9cf ;
}
#wrapper > div {
浏览 0提问于2010-09-25得票数 8
回答已采纳
1回答
考虑到以下情况(也是在上)：
div {
font-size: 28px;
outline: 1px solid red;
width: 40%;
float: left;
line-height: 36px;
}
div:first-child::before {
content: "Hi!";
display: inline-block;
vertical-align: middle;
outline: 1px solid blue;
font-size: 8px;
}
<div>
浏览 0提问于2014-11-13得票数 1
回答已采纳
1回答
我在两条直线之间创建一个圆角，一条是垂直的，另一条是θ角，我需要找到端点的坐标，其中一条是cos(θ)*半径。我该怎么做呢？ Edited the question with this diagram
浏览 31提问于2020-08-28得票数 0
回答已采纳
5回答
有人能帮我解决这段愚蠢的代码吗?我花了近2个小时试图弄清楚如何让它工作。目标是在水平条内垂直和水平居中输入字段。
下面是一个简化的代码：
HTML：
<div class="navigationBar">
<input type="text" id="searchField">
</div>
CSS：
.navigationBar{
width:100%;
height: 40px;
background-color: rgb(102,102,102);
}
#searchFi
浏览 0提问于2014-09-18得票数 0
5回答
我正在尝试使用视差jquery插件创建一个网站，我希望第一个“幻灯片”是一个位于屏幕中央的标题。
我一直在努力做这件事--水平对齐很简单，但是我不能垂直对齐。
是否有办法做到这一点也是有效的，也是响应的？我包括了一个小提琴，向你展示基本的结构- 。我还复制了以下小提琴的html：
<div class="container">
<div class="title">
<h1> My Title </h1>
</div>
任何帮助都将不胜感激！
谢谢!
浏览 3提问于2013-12-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
