gpt4 book ai didi

css - 如何使用 CSS 水平填充带有 HTML 菜单标题的页面宽度?

转载 作者:行者123 更新时间:2023-11-28 10:50:24 25 4
gpt4 key购买 nike

我是网页设计和开发新手,开始在 here 上创建网站使用名为 Joomla 的内容管理系统。但是,我目前遇到一个问题,菜单部分无法拉伸(stretch)到足以适应页面的整个宽度(如果这有意义,请原谅我糟糕的语法技能)。

以前,每当我放大和缩小页面时,我都会遇到元素在页面周围移动的定位问题,幸运的是,我使用了 here 中的解决方案。通过定位页面主体的最小和最大宽度,但这并不能解决我遇到的菜单部分问题(在手机上查看时有点糟糕)。

我希望我所有的菜单标题水平填充整个页面宽度,不留空隙。我尝试结合使用 here 中的 floatwidth CSS 属性但不幸的是没有幸运

如果能提供解决此问题的任何帮助或解决方案,我们将不胜感激,谢谢。

最佳答案

如果古老的浏览器支持不是问题,您可以使用 css3 Flex属性(property)。

申请

display:flex; justify-content: space-around对于 <ul>并删除 float:left

这是你网站的截图

image

Read more about css Flex @ css-tricks

关于css - 如何使用 CSS 水平填充带有 HTML 菜单标题的页面宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22818904/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com