将页面宽度限制为浏览器的一半大小

Question

我目前正在学习网页设计，我正在网上解决一些示例问题，当我被要求时有一个特定的案例：

1. 编写一条CSS规则，将网页宽度限制为浏览器大小的一半，并将其置于浏览器窗口中。

2. 在上面的规则中添加CSS规则，以显示填充所有浏览器窗口的绿色背景颜色，包括空的左侧和右侧。

对于2，我可以使用它：

body {
    background-color: green;
}

但对于1，我做不到。如何获得浏览器的大小？这听起来令人困惑。

Answer 1

您只需设置width: 50%;

即可

或者如果您想将其设置为最大值50％，请使用max-width: 50%;

要居中，请设置margin-left: auto;和margin-right: auto;

Answer 2

这是非常简单的，只需一步就可以试试这个

>>> import re
>>> l = [['data1'], ['data2'], ['data3']]
>>> s = ""
>>> for i in l:
        s+= re.sub(r"\'", "", str(i))
>>> s
'[data1][data2][data3]'

Answer 3

将此CSS设置为您的身体 -

body{
    width:50%;
    margin: 0 auto;
    background-color: green;
    overflow: hidden; //just in case if you don't want your any fixed width element crosses the body width.
}