Question

嗨

如何在窗体的中间居中？

我确实尝试阅读类似的问题并找到了一些问题，但是解决方案不适用于我的代码。

我尝试了 text-align：center 和 margin：0 auto 。在两种形式下，div和AND输入标签。

而且，它不允许我提交问题，因为它说的主要是代码，因此我在这里添加了一些小题大作，因为我应该添加其他内容，但是由于问题已经写好，所以我不知道该怎么办。某些算法可能有问题吗？发表问题时？

我错过了什么？

			.clearfix:after {
			content: "";
			clear: both;
			display: table;
			}
			body, p {
				padding: 0;
				margin: 0;
				border: 0;
			}			
			input {
				display: block;
			}
			.upper {
				width: 100%;
				height: 10em;
				background: blue;
			}
			.picdiv {
				background: pink;
				float: left;
				height: 10em;
				max-width: 200px;
				overflow: hidden;
			}
			.uppertext {
				width: auto;
				text-align: center;
				font-size: 6em;
				color: black;
				padding-top: 20px;
				overflow: hidden;
			}
			#pic{
				width: 100%;
				height: 100%;
			}
			
			.content {
				box-sizing: border-box;
				position: relative;
				height: 10em;
				width: 50%;
				padding: 1em;
				margin: 0 auto;	
				background: grey;
				text-align: center;
			}
			form {
				text-align: center;
			}

<!DOCTYPE html>
<html>
	<head>
		

		
	</head>
	
	<body>
		
		<div class="upper clearfix">
			<div class="picdiv"><img id="pic" src="banana.png" width=200 height=200></div>
			<div class="uppertext"><p>Portal</p></div>

		</div>	
		<div class="content">
		<form class="form">
			<input type="text">
			<input type="password">
		</form>		
		</div>	

	</body>


<html>

Answer 1

您需要宽度属性，其边距为：0自动；

用css居中

1 个答案: