Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.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
Javascript 如何在html中居中显示列表?_Javascript_Html_Css - Fatal编程技术网

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实现相同的结果。这确实奏效了!我确实不得不重新编辑导航栏,并为所有李的人建立了一个新的类,但它成功了!不用担心-乐意帮忙!