Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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_List - Fatal编程技术网

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 a
position: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,因此无需添加