Html 列表段落中心 我在页面的底部有这个列表,当我在每个数字上徘徊时,一个句子出现了,但是,我希望句子的段落集中在页面中间,所以几乎所有的相同的位置,我怎样才能做到这一点?
附加到帮助的图像-Html 列表段落中心 我在页面的底部有这个列表,当我在每个数字上徘徊时,一个句子出现了,但是,我希望句子的段落集中在页面中间,所以几乎所有的相同的位置,我怎样才能做到这一点?,html,css,list,Html,Css,List,附加到帮助的图像- .dot菜单{ 左边距:自动; 文本对齐:居中; 右边距:自动; 边缘底部:-50px; 位置:相对位置; 左缘:5%; 保证金权利:5%; } 李多图先生{ 高度:30px; 宽度:30px; 背景色:#222954; 边界半径:50%; 文本对齐:居中; 字体系列:Lovelo Pro; 线高:30px; 显示:内联块; 左边距:3倍; 右边距:3倍; 边缘顶部:5px; 边缘底部:5px; } 多图利先生{ 文字装饰:无; 颜色:#FDBA3B; } 李多图:悬停{
.dot菜单{
左边距:自动;
文本对齐:居中;
右边距:自动;
边缘底部:-50px;
位置:相对位置;
左缘:5%;
保证金权利:5%;
}
李多图先生{
高度:30px;
宽度:30px;
背景色:#222954;
边界半径:50%;
文本对齐:居中;
字体系列:Lovelo Pro;
线高:30px;
显示:内联块;
左边距:3倍;
右边距:3倍;
边缘顶部:5px;
边缘底部:5px;
}
多图利先生{
文字装饰:无;
颜色:#FDBA3B;
}
李多图:悬停{
背景色:白色;
}
多杜利先生{
显示:无;
}
.Dotul li:悬停p{
显示:内联块;
位置:绝对位置;
}
-
带有特征查询的级联Web设计
-
用棉絮把网向前梳
-
未阅读网页内容可访问性指南的用户
-
要在UX工具箱中完成的作业
-
为初级开发人员升级
-
设计远程项目
-
自动化可访问性测试
-
停止将动画保留到最后一分钟
-
样式化组件-带有样式标签的类型化CSS
-
给未来自我的圣诞礼物:测试Web平台
-
教CLI顶嘴
-
设计系统与CSS网格
-
使用CSS自定义属性获取硬核
-
为什么设计系统会失败
-
通过语义HTML的可访问性
-
倦怠的护理与喂养
-
输入音频图形
-
移动性能设计
-
想摆脱比较综合症吗?做媒体排毒
-
你的网站有性别歧视吗
-
了解未来-快乐发布日的提示
-
设计系统和混合动力车
-
重构设计系统的方法
-
闪闪发光
给你的p标签一个绝对位置,向左对齐,100%宽度,文本居中对齐
注意:如果希望p标记相对于容器而不是页面居中,则可能必须给父div aposition:relative
li p{
display: none;
position:absolute;
left: 0;
width: 100%;
text-align: center;
}
.flex{
显示器:flex;
列表样式:无;
填充:0;
}
李{
背景:道奇蓝;
右边距:5px;
边界半径:50%;
}
李平{
显示:无;
位置:绝对位置;
左:0;
宽度:100%;
文本对齐:居中;
}
李阿{
文字装饰:无;
颜色:#fff;
显示:块;
宽度:30px;
高度:30px;
显示器:flex;
对齐项目:居中;
证明内容:中心;
}
李a:悬停~p{
显示:块;
}
- 带有特征查询的级联Web设计
- 用棉絮把网向前梳
- 未阅读网页内容可访问性指南的用户
- 要在UX工具箱中完成的作业
- 为初级开发人员升级
- 设计远程项目
- 自动化可访问性测试
- 停止将动画保留到最后一分钟
- 样式化组件-带有样式标签的类型化CSS
- 给未来自我的圣诞礼物:测试Web平台
- 教CLI顶嘴
- 设计系统与CSS网格
- 使用CSS自定义属性获取硬核
- 为什么设计系统会失败
- 通过语义HTML的可访问性
- 倦怠的护理与喂养
- 输入音频图形
- 移动性能设计
- 想摆脱比较综合症吗?做媒体排毒
- 你的网站有性别歧视吗
- 了解未来-快乐发布日的提示
- 设计系统和混合动力车
- 重构设计系统的方法
- 闪闪发光
为了更好地理解,是否希望li>p
元素显示在整个列表的中心位置?@Mihail是的,就是这样,但已经解决了,谢谢!通过添加第一位代码,.dotMenu div本身已经具有position:relative,因此无需添加