Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将列表文本置于中间?_Html_Css_Text_Text Styling - Fatal编程技术网

Html 如何将列表文本置于中间?

Html 如何将列表文本置于中间?,html,css,text,text-styling,Html,Css,Text,Text Styling,==这里我需要在球的中间取我的文本 这是我的输出,但我需要这些文本在中间 .items{ 填充顶部:50px; } .项目ul{ 列表样式:无; } .项目ul li{ 宽度:200px; 高度:200px; 背景:白色; 边界半径:200px; 浮动:左; 左边距:150像素; 边缘底部:50px; 文本对齐:居中; } 印花T恤 得到你的指纹 选择一个设计 全套T恤 单色设计 多色图案 添加行高:200px到您的。项目ul li 这使li的线高度与其高度相同 或者,如果您知道“球”

==这里我需要在球的中间取我的文本

这是我的输出,但我需要这些文本在中间

.items{
填充顶部:50px;
}
.项目ul{
列表样式:无;
}
.项目ul li{
宽度:200px;
高度:200px;
背景:白色;
边界半径:200px;
浮动:左;
左边距:150像素;
边缘底部:50px;
文本对齐:居中;
}

  • 印花T恤
  • 得到你的指纹
  • 选择一个设计
  • 全套T恤
  • 单色设计
  • 多色图案

添加
行高:200px到您的
。项目ul li
这使li的线高度与其高度相同

或者,如果您知道“球”始终包含相同的文本,您可以使用以下内容修复它(将其添加到
.items ul li
):

如果文本长度有时不同和/或动态,则应在文本周围添加一个
,并为其指定
位置:绝对
(别忘了给父对象,
li
位置:相对;
)。然后,可以使用top、left和translateX和-Y属性将跨距定位在球的中心。

添加
行高:200px到您的
。项目ul li
这使li的线高度与其高度相同

或者,如果您知道“球”始终包含相同的文本,您可以使用以下内容修复它(将其添加到
.items ul li
):

如果文本长度有时不同和/或动态,则应在文本周围添加一个
,并为其指定
位置:绝对
(别忘了给父对象,
li
位置:相对;
)。然后,可以使用top、left和translateX和-Y属性将跨距定位在球的中心。

.items{
填充顶部:50px;
}
.项目ul{
列表样式:无;
}
.项目ul li{
宽度:200px;
高度:200px;
背景:#ccc;
边界半径:200px;
显示:内联块;
左边距:150像素;
边缘底部:50px;
位置:相对位置;
}
.项目ul li p{
位置:绝对位置;
左:50%;
最高:50%;
转化:translateX(-50%)translateY(-50%);
保证金:0;
宽度:100%;
文本对齐:居中;
}

  • 印花T恤

  • 得到你的指纹

  • 选择一个设计

  • 全套T恤

  • 单色设计

  • 多色图案

.items{
填充顶部:50px;
}
.项目ul{
列表样式:无;
}
.项目ul li{
宽度:200px;
高度:200px;
背景:#ccc;
边界半径:200px;
显示:内联块;
左边距:150像素;
边缘底部:50px;
位置:相对位置;
}
.项目ul li p{
位置:绝对位置;
左:50%;
最高:50%;
转化:translateX(-50%)translateY(-50%);
保证金:0;
宽度:100%;
文本对齐:居中;
}

  • 印花T恤

  • 得到你的指纹

  • 选择一个设计

  • 全套T恤

  • 单色设计

  • 多色图案


您能解释一下这个问题吗?你说这里是什么意思?我需要把我的文字放在球的中间。?所有的东西都已经在中间了。“这里我需要把我的文字放在球的中间。”。哎哟……你能解释一下这个问题吗?你说这里是什么意思?我需要把我的文字放在球的中间。?所有的东西都已经在中间了。“这里我需要把我的文字放在球的中间。”。哎哟..非常感谢非常感谢Much@TAHMIDHASANNAFIS没问题。将对你帮助最大的答案标记为解决方案,以便其他人看到解决方案problem@TAHMIDHASANNAFIS没问题。将对你帮助最大的答案标记为解决方案,以便其他人看到问题的解决方案
padding: 89px 0;
box-sizing: border-box;