Html ul在div中未正确对齐
我在一个div旁边有一个导航,导航在左边浮动。那我就有ul认证了 ul的所有子弹都在导航部分 li项的文本与段落文本对齐,而不是项目符号与段落文本对齐 我如何使ul像平常一样对齐Html ul在div中未正确对齐,html,css,Html,Css,我在一个div旁边有一个导航,导航在左边浮动。那我就有ul认证了 ul的所有子弹都在导航部分 li项的文本与段落文本对齐,而不是项目符号与段落文本对齐 我如何使ul像平常一样对齐 .toc{ 浮动:左; 宽度:100px; } .内容{ 位置:相对位置; } 第一节 第二节 第三节 第四节 第五节 文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。 项目1 项目1 项目1 这是项目符号/编号的默认行为-它们出现在正常段落流的左侧。要将它们与文本
.toc{
浮动:左;
宽度:100px;
}
.内容{
位置:相对位置;
}
第一节
第二节
第三节
第四节
第五节
文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本。
- 项目1
- 项目1
- 项目1
这是项目符号/编号的默认行为-它们出现在正常段落流的左侧。要将它们与文本对齐,您需要自己完成。最简单的方法是使用li{margin left:1em}
而不是将display inline块添加到类中
.toc {
display: inline-block;
width:100px;
}
.content {
display: inline-block;
position:relative;
}
.toc{
显示:内联块;
宽度:100px;
}
.内容{
显示:内联块;
位置:相对位置;
}
p{
左边距:20px;
}
页面标题
第一节
第二节
第三节
第四节
第五节
文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
- 项目1
- 项目1
- 项目1
这些lis上的缩进是什么?缩进是不相关的。你为什么不关闭你的标签<代码>如果我将内联块添加到两者,则不会解决项目符号问题。它将div包装起来,使其在nav之后开始,而不是在它旁边。实际上,它可以在我上面粘贴的示例html上工作,但我无法在我实际编写的更大页面上工作。所以上面有东西。我想我有个新问题要解决。只要p中的文本足够短,不必换行,一切都如预期的那样。导航台在驾驶室的左侧,子弹正确缩进。但是,只要我在p上再加上几句文字,到了必须换行的地步,div就位于导航的下方,而不是右侧。有什么想法吗?谢谢你的第一次。我觉得我更接近了。如果我将div的宽度设置为calc(100%-100px),那么它将显示左侧的导航和右侧的div,并且项目符号正确缩进。从某种程度上说,这是一个解决方案。但我不想让这一直是div的宽度。这是一个很长的页面&导航要短得多。在导航之后,我希望div返回到100%宽度。我觉得这并不难。哈哈。问题变了:D@user3875333