如何修复一个页面网站的容器/正文宽度（html，css和js）

Please see the screenshot below of my one page website i am trying to create.

请参阅我试图创建的单页网站下面的屏幕截图。

Issue - Width of body (shown as selected in picture below)

问题 - 正文宽度(如下图所示)

I want to increase the width of whole website so that the two titles ("Hobbies and Interests" and "Contact Me") can be accommodated in the 2nd line along with the 2 titles(Recognition's and Appreciations and Extramural Engagements and Accolades)

我想增加整个网站的宽度,以便两个标题(“爱好和兴趣”和“联系我”)可以在第二行连同2个标题(识别和鉴赏以及校外参与和荣誉)

please refer below image for how i want it to look.

请参考下图,了解我希望它的外观。

I got this by making changes using F12.

我通过使用F12进行更改来实现此目的。

However, when i try to change the same thing in skel-noscript.css as below, it doesn't work.

但是,当我尝试在skel-noscript.css中更改相同的内容时,如下所示,它不起作用。

/* Container */

/* 容器 */

body {
    width: 1400px;
}

.container {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;

Any help on this is greatly appreciated. Thank you!

非常感谢任何帮助。谢谢!

1 个解决方案

#1

It will be usefull if you will also post here your HTML code

如果您还要在此处发布您的HTML代码,这将非常有用

Anyway have you already try this:

无论如何你已经尝试过这个:

.container {
    width: 1400px;
    margin:0 auto;
 }

1 个解决方案

#1

更多相关文章

随机推荐