Javascript 如何在html中居中显示列表?
这是我的网站Javascript 如何在html中居中显示列表?,javascript,html,css,Javascript,Html,Css,这是我的网站https://acanhs.org/nhs-articles.html我想将列表居中,使其看起来更好。我该怎么做?我尝试使用标记,但没有成功。我想中心的名称和日期下的文章名称,使它看起来更好 这是我的html: a:link{ 颜色:黑色; 背景色:透明; 文字装饰:无; } a:参观了{ 颜色:黑色; 背景色:透明; 文字装饰:无; } a:悬停{ 颜色:黑色; 背景色:透明; 文字装饰:无; } a:主动的{ 颜色:黑色; 背景色:透明; 文字装饰:无; } ACA NHS
https://acanhs.org/nhs-articles.html
我想将列表居中,使其看起来更好。我该怎么做?我尝试使用
标记,但没有成功。我想中心的名称和日期下的文章名称,使它看起来更好
这是我的html:
a:link{
颜色:黑色;
背景色:透明;
文字装饰:无;
}
a:参观了{
颜色:黑色;
背景色:透明;
文字装饰:无;
}
a:悬停{
颜色:黑色;
背景色:透明;
文字装饰:无;
}
a:主动的{
颜色:黑色;
背景色:透明;
文字装饰:无;
}
ACA NHS
الأمير الراحل … أمير الإنسانية
- 穆罕默德·奥巴迪
- 2020年10月3日
维吾尔穆斯林
- 哈立德·库赫吉
- 2020年9月27日
冠状病毒:一个新世界
- 沙欣少校
- 2020年9月27日
التعلم عبادة
- 奥马尔·希尔
- 2020年9月23日
الصدقة
- 艾哈迈德·马兹鲁伊
- 20/9/2020
生成内容的方式给您带来了一些麻烦,每一个的浮动:左
解决方案1:以不同方式生成HTML
这可能不可行,但如果您可以将其放在一个标记中(例如,Name | Date
),则可以解决您的问题
解决方案2:显示内联块
我已经删除了几乎所有li
元素的样式。我唯一的规则是:
li{
显示:内联块;
}
.博客文章.下载内容ul.post-info李:之后{
内容:“|”;
颜色:#aaa;
左边距:8px;
}
这会将两个li
标记放在同一行上,但不会导致任何float
问题。因为内容已经居中,所以文本也居中。您确实设置了这个,但是在第81行的stylesheet.css
中,您正在覆盖它 具体是哪一个列表?请只发布相关代码,并尝试使用[]
按钮制作一个代码片段。当有这么多看起来不相关的代码时,很难提供帮助。@Yannick Eich谢谢你告诉我。我更新了问题
元素早已过时。依靠CSS实现相同的结果。这确实奏效了!我确实不得不重新编辑导航栏,并为所有李的人建立了一个新的类,但它成功了!不用担心-乐意帮忙!