如何在文本框垂直对齐的框中对齐文本中心

Codenewbie

我有一个框,想要显示为垂直的文字,

我曾经writing-mode : vertical-rl这样对齐它:

盒子的形象是

我正在尝试使文本居中:

使用text-align : centerjustify-content : center无效

目前使用的CSS如下:

当前的CSS

我也经历了其他一些SO Q,但没有任何效果

要求O / p:

  • 框的大小会动态变化,但文本应居中对齐(以获取任何填充建议)..我想知道如何实现这一点..任何帮助都非常感谢,TIA

    要求

c0deNinja

我认为您正在寻找align-items

.sapMText {
  display: flex;
  box-sizing: border-box;
  writing-mode: vertical-rl;
  width: 200px;
  border: 1px solid black;
  line-height: normal;
  align-items: center;
  cursor: text;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

文本框(UWP)中内容的垂直对齐

来自分类Dev

在Dia的框中垂直对齐文本?

来自分类Dev

如何在HTML中将文本框与屏幕中心对齐?

来自分类Dev

使用引导程序类垂直对齐文本框

来自分类Dev

水平和垂直对齐标签和文本框

来自分类Dev

如何在Xcode的文本框中对齐文本?

来自分类Dev

如何在框大小div中垂直对齐中间文本?

来自分类Dev

文本框对齐输入文本中心

来自分类Dev

如何使用引导程序在面板标题中垂直对齐标签和文本框

来自分类Dev

如何在 CSS 和 HTML 中对齐垂直文本框?

来自分类Dev

如何在通用Windows Phone的文本框中将文本对齐为中心?

来自分类Dev

如何在中间垂直对齐框

来自分类Dev

VBA Word将文本框文本/段落垂直对齐设置为“居中”

来自分类Dev

如何在UITextView中水平和垂直对齐文本?

来自分类Dev

如何在页脚中的图像旁边垂直对齐文本?

来自分类Dev

如何在CSS中垂直对齐所有文本?

来自分类Dev

如何在文本中垂直对齐块

来自分类Dev

如何在UITextView中水平和垂直对齐文本?

来自分类Dev

如何在TextView中垂直对齐文本

来自分类Dev

如何在div中居中和垂直对齐文本?

来自分类Dev

如何在 JavaFX 中垂直对齐文本?

来自分类Dev

如何在 flexbox 中垂直对齐文本

来自分类Dev

如何垂直对齐文本?

来自分类Dev

如何在wpf中使所有文本框对齐在相同的垂直位置?

来自分类Dev

围绕ImageSpan中心垂直对齐文本

来自分类Dev

在中心垂直对齐文本 - 图像顶部?

来自分类Dev

如何在Win表格中使组框文本对齐中心?

来自分类Dev

如何在表格中将文本框彼此对齐

来自分类Dev

如何使此按钮与文本框对齐?

Related 相关文章

热门标签

归档