我正在构建一个简单的反应应用程序。这是渲染后的index.html:
<html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello react!</title>
<link rel="stylesheet" href="./dist/styles/main.css" type="text/css">
</head>
<body>
<div id="App"><div data-reactroot="" class="navbar"><p>This will be the navbar</p></div></div>
<script src="./dist/components/main.js"></script>
<style>
body {
margin: 0;
}
</style>
</body></html>
到目前为止,我在main.css文件中的唯一裁决是:
.navbar{
background-color:blue
}
#App{
height:500px;
background-color:pink
}
我的身体标签在开始之前会有一些空白区域会发生什么。在我的html和body标签上似乎没有边距或填充,但是不是从页面顶部开始,主体只是开始低几个像素......
因此<html>
为400x516px,而<body>
为400x500px。我希望主体完全填充html元素。
如果您需要更多信息,请询问或结帐git repo。运行npm run start
将在8080打开服务器。
感谢您的帮助。
答案 0 :(得分:3)
您的问题是p标签会自动从浏览器获取保证金,只需设置p{margin:0}
即可。
或者从导航栏中删除<p>
,因为我猜html最后会有其他内容。
答案 1 :(得分:0)
每个浏览器都有默认样式。
因此,如果你不使用重置css - 其他元素的正文和段落以及其他元素都有边距和填充等。
所以
body,p {margin:0}
是你的朋友
答案 2 :(得分:0)
浏览器会在每个p{
margin:0;
}
元素之前和之后自动添加一些边距。可以使用CSS修改边距。
所以设定,
String digit = binaryString.substring(i, i+1);
答案 3 :(得分:0)
尝试这样的事情。
# include <iostream>
# include <math.h>
using namespace std;
int main ()
{
double a, b, Spa, Tim, Acc, Vel1, Vel2, Velocity, Space, Acceleration;
cout << "Hello. This program may calculate velocity, space, time and acceleration.\n" << endl;
cout << "Please, insert what you want to calculate.\n" << endl;
cin >> a;
do
{
cout << "Incorrect value.\n" << endl;
cout << "Please, insert what you want to calculate.\n" << endl;
cin >> a;
}
while (a != "Velocity" | a != "Acceleration");
if (a == Velocity);
{
cout << "With space or acceleration value?\n" << endl;
cin >> b;
if (b == Space);
{
cout << "Insert space and time values.\n" << endl;
cin >> Spa >> Tim;
Vel1 = Spa / Tim;
cout << "The velocity is " << Vel1 << " km/h.\n" << endl;
}
else
{
if (b == Acceleration);
{
cout << "Insert acceleration and time values.\n" << endl;
cin >> Acc >> Tim;
Vel2 = Acc / Tim;
cout << "The velocity is " << Vel2 << " km/h.\n" << endl;
}
}
}
}