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;