html - 我如何使中心电子邮件内容可见
问题描述
我正在尝试创建应该有固定页眉、中心和页脚的 HTML 电子邮件页面。我很难看到中心内容以使中心内容可见我在导航栏 div 之后添加了很多 br 标签。如何避免这种情况。如何减少 support.html 行与保留所有权利之间的距离 如何减少页眉和页脚高度。
* {
font-family: 'Ubuntu';
font-size: 18px;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #3498DB;
color: white;
text-align: center;
}
.flex-container {
display: flex;
align-items: center;
justify-content: center;
}
p {
padding: 10px;
}
img {
padding-right: 5px;
}
.navbar {
position: fixed;
right: 0;
top: 0;
width: 100%;
background-color: #3498DB;
color: white;
text-align: center;
}
<div class="navbar">
<h1><span><img width="30" height="30" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAdVBMVEX///8AAABLS0ujo6OWlpba2trQ0ND8/Pz39/fz8/P4+PhPT0/s7OzU1NQ7Ozvj4+OysrLExMRCQkISEhJpaWkmJiaDg4M1NTV7e3sZGRlZWVlgYGC9vb0aGhqIiIgqKiqbm5siIiJ1dXVoaGheXl6Ojo6pqamU9iTBAAAEaklEQVR4nO3c61riMBSF4XDQIooKHkB0EHX0/i9xZMQhK80JaPbO+Kzv30iH9FVoS9tgDGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGPsx/YxrKePIsJZr55mRYR9bZZVn0IKKVSPQgop3DY9kepqoCPsnRUZx9NE6W8oRmwBBd+HIsQ2UHJLMyoyFHTiGVZQeFOc6AOK7i1KE73A4sJbe7CHcZHRtvmBxYVmaY/2qyARgUM5oTm3B35pioxnXODKCApliC5QVIjbnbsiRATeG2EhEp8LjHfVAgoL8dxb90QPUFqIxHnHo/mA4kJzWY6IwMX2p+JCJF52OJYfqCAsRQwANYRmbq9KV+faEfi6e0BDWIIYBOoIzXPXxDBQSdgA8fihL8JAJaFp7rokxoBaQtO82Ct1ftQgCLx1HtUSmuZXV8Q4UE9oxg/2ii0PHiIBVBR2REwBNYVmdGOv3O+DBkDgm2cJTaEZweo9HvD8aaCu0JwdScwAKgsdon8Vw2X9gpSFzkp6NhSR8l4B2sIjiPg/gxsqdWH8kCtSJrAC4YFEBEb2phUIDyJmA6sQOsRFbNFtuCeNHg9VIdybiEdD8QO+OoT+M53BEJj4XFKJcC/iXsBqhA5xFVlyP2A9wmzieD9gRUKH+B5YCj9VZqx1RUKzyCCO4eRHzrNWJHzvYUPPMnh2J+vwoB7hsOfWJuIZuk3pfWc1wjaw11s7y7SB6X1nNcK1B+gSfcD4jmVTJUL3XtDvBtYyeJ58V2iru60O4UcAaBNDQP8maVcVwmtYYeR+E0d4MQeWWceevAYhAifmFP7dn44+jwbwfXrpHB4MIs9egfAJVvb08ydIbLe5NI63BkXmpekL20BjplHg1x0cSLwOPr+6EDFT7099QPdG5yBRW+gHxoi7e3DwxfwUGEFZGF5JfPH6gJlEXWFsFf1EvIsq9AqwUxXG30m+m5ndc+IZRE1halPR4AdGL8G3JcYUhRl7tIt7a4mZd3OZJOoJERg8KpkMFstZ/231FJpq4x4RuakJ8bBrfcQYeBx74j6sJURg/NNBqjhRSdgl0P10eYUP6gjxOkXiI2xG+MkDiSpCBKZOQ+SEZ3mAqCFEYPJUUlZ4KvLCekRBiBc3c64W5rQKEeWFCMy/bp/qHp53t/cUF+LV2+6A7kWBf0RpIV452u/+mVSvQPyexSksbODK0b73QKWCWZw32ymOskI8a33IrXrx3uynf/iaHCcqxBvYD79pNtyjPcDXFEdRYXGgwbm4fyfHSQphIslxN6+HA+LmnIegEOY7lRluE8zFnUsKYeZhmW8Wc8fsbU6PiwmXOG7J4He5G1fyOxXKAp33g4aw68mx7ea+YeWEJeZwuz17xhUTlpmH7+S7YCwlLPd1EZDnrgYhochfcFP7ryj1XV+TU5kmretz/L42CinUj0IKKdSvjPDnf5/39aCewjeGMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcb++/4A3qE/10C+aHIAAAAASUVORK5CYII=" alt="Error"></span></h1>
<p> A abcd abcde abcdabcd abc abcde abcdefgh </p>
</div>
<br><br><br><br><br><br><br><br>
<h2 style="text-align: center;">Invitation to join Project ((ProjectName))</h2><br>
((InviterFirstName)) ((InviterLastName)) has invited you as ((ProjectRole)) to the following project.<br>
Project Name: ((ProjectName))<br>
Project Number: ((ProjectNumber))<br><br><br>
Team HTML
<div class="footer">
<div class="flex-container">
<p style="text-align:left;"><span><img width="30" height="30" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAdVBMVEX///8AAABLS0ujo6OWlpba2trQ0ND8/Pz39/fz8/P4+PhPT0/s7OzU1NQ7Ozvj4+OysrLExMRCQkISEhJpaWkmJiaDg4M1NTV7e3sZGRlZWVlgYGC9vb0aGhqIiIgqKiqbm5siIiJ1dXVoaGheXl6Ojo6pqamU9iTBAAAEaklEQVR4nO3c61riMBSF4XDQIooKHkB0EHX0/i9xZMQhK80JaPbO+Kzv30iH9FVoS9tgDGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGPsx/YxrKePIsJZr55mRYR9bZZVn0IKKVSPQgop3DY9kepqoCPsnRUZx9NE6W8oRmwBBd+HIsQ2UHJLMyoyFHTiGVZQeFOc6AOK7i1KE73A4sJbe7CHcZHRtvmBxYVmaY/2qyARgUM5oTm3B35pioxnXODKCApliC5QVIjbnbsiRATeG2EhEp8LjHfVAgoL8dxb90QPUFqIxHnHo/mA4kJzWY6IwMX2p+JCJF52OJYfqCAsRQwANYRmbq9KV+faEfi6e0BDWIIYBOoIzXPXxDBQSdgA8fihL8JAJaFp7rokxoBaQtO82Ct1ftQgCLx1HtUSmuZXV8Q4UE9oxg/2ii0PHiIBVBR2REwBNYVmdGOv3O+DBkDgm2cJTaEZweo9HvD8aaCu0JwdScwAKgsdon8Vw2X9gpSFzkp6NhSR8l4B2sIjiPg/gxsqdWH8kCtSJrAC4YFEBEb2phUIDyJmA6sQOsRFbNFtuCeNHg9VIdybiEdD8QO+OoT+M53BEJj4XFKJcC/iXsBqhA5xFVlyP2A9wmzieD9gRUKH+B5YCj9VZqx1RUKzyCCO4eRHzrNWJHzvYUPPMnh2J+vwoB7hsOfWJuIZuk3pfWc1wjaw11s7y7SB6X1nNcK1B+gSfcD4jmVTJUL3XtDvBtYyeJ58V2iru60O4UcAaBNDQP8maVcVwmtYYeR+E0d4MQeWWceevAYhAifmFP7dn44+jwbwfXrpHB4MIs9egfAJVvb08ydIbLe5NI63BkXmpekL20BjplHg1x0cSLwOPr+6EDFT7099QPdG5yBRW+gHxoi7e3DwxfwUGEFZGF5JfPH6gJlEXWFsFf1EvIsq9AqwUxXG30m+m5ndc+IZRE1halPR4AdGL8G3JcYUhRl7tIt7a4mZd3OZJOoJERg8KpkMFstZ/231FJpq4x4RuakJ8bBrfcQYeBx74j6sJURg/NNBqjhRSdgl0P10eYUP6gjxOkXiI2xG+MkDiSpCBKZOQ+SEZ3mAqCFEYPJUUlZ4KvLCekRBiBc3c64W5rQKEeWFCMy/bp/qHp53t/cUF+LV2+6A7kWBf0RpIV452u/+mVSvQPyexSksbODK0b73QKWCWZw32ymOskI8a33IrXrx3uynf/iaHCcqxBvYD79pNtyjPcDXFEdRYXGgwbm4fyfHSQphIslxN6+HA+LmnIegEOY7lRluE8zFnUsKYeZhmW8Wc8fsbU6PiwmXOG7J4He5G1fyOxXKAp33g4aw68mx7ea+YeWEJeZwuz17xhUTlpmH7+S7YCwlLPd1EZDnrgYhochfcFP7ryj1XV+TU5kmretz/L42CinUj0IKKdSvjPDnf5/39aCewjeGMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcb++/4A3qE/10C+aHIAAAAASUVORK5CYII=" alt="Error"></span><a href="mailto:support@html.com" style="color:white;">support@html.com</a></p>
<p style="text-align:right;"><span><img width="30" height="30" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAdVBMVEX///8AAABLS0ujo6OWlpba2trQ0ND8/Pz39/fz8/P4+PhPT0/s7OzU1NQ7Ozvj4+OysrLExMRCQkISEhJpaWkmJiaDg4M1NTV7e3sZGRlZWVlgYGC9vb0aGhqIiIgqKiqbm5siIiJ1dXVoaGheXl6Ojo6pqamU9iTBAAAEaklEQVR4nO3c61riMBSF4XDQIooKHkB0EHX0/i9xZMQhK80JaPbO+Kzv30iH9FVoS9tgDGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGPsx/YxrKePIsJZr55mRYR9bZZVn0IKKVSPQgop3DY9kepqoCPsnRUZx9NE6W8oRmwBBd+HIsQ2UHJLMyoyFHTiGVZQeFOc6AOK7i1KE73A4sJbe7CHcZHRtvmBxYVmaY/2qyARgUM5oTm3B35pioxnXODKCApliC5QVIjbnbsiRATeG2EhEp8LjHfVAgoL8dxb90QPUFqIxHnHo/mA4kJzWY6IwMX2p+JCJF52OJYfqCAsRQwANYRmbq9KV+faEfi6e0BDWIIYBOoIzXPXxDBQSdgA8fihL8JAJaFp7rokxoBaQtO82Ct1ftQgCLx1HtUSmuZXV8Q4UE9oxg/2ii0PHiIBVBR2REwBNYVmdGOv3O+DBkDgm2cJTaEZweo9HvD8aaCu0JwdScwAKgsdon8Vw2X9gpSFzkp6NhSR8l4B2sIjiPg/gxsqdWH8kCtSJrAC4YFEBEb2phUIDyJmA6sQOsRFbNFtuCeNHg9VIdybiEdD8QO+OoT+M53BEJj4XFKJcC/iXsBqhA5xFVlyP2A9wmzieD9gRUKH+B5YCj9VZqx1RUKzyCCO4eRHzrNWJHzvYUPPMnh2J+vwoB7hsOfWJuIZuk3pfWc1wjaw11s7y7SB6X1nNcK1B+gSfcD4jmVTJUL3XtDvBtYyeJ58V2iru60O4UcAaBNDQP8maVcVwmtYYeR+E0d4MQeWWceevAYhAifmFP7dn44+jwbwfXrpHB4MIs9egfAJVvb08ydIbLe5NI63BkXmpekL20BjplHg1x0cSLwOPr+6EDFT7099QPdG5yBRW+gHxoi7e3DwxfwUGEFZGF5JfPH6gJlEXWFsFf1EvIsq9AqwUxXG30m+m5ndc+IZRE1halPR4AdGL8G3JcYUhRl7tIt7a4mZd3OZJOoJERg8KpkMFstZ/231FJpq4x4RuakJ8bBrfcQYeBx74j6sJURg/NNBqjhRSdgl0P10eYUP6gjxOkXiI2xG+MkDiSpCBKZOQ+SEZ3mAqCFEYPJUUlZ4KvLCekRBiBc3c64W5rQKEeWFCMy/bp/qHp53t/cUF+LV2+6A7kWBf0RpIV452u/+mVSvQPyexSksbODK0b73QKWCWZw32ymOskI8a33IrXrx3uynf/iaHCcqxBvYD79pNtyjPcDXFEdRYXGgwbm4fyfHSQphIslxN6+HA+LmnIegEOY7lRluE8zFnUsKYeZhmW8Wc8fsbU6PiwmXOG7J4He5G1fyOxXKAp33g4aw68mx7ea+YeWEJeZwuz17xhUTlpmH7+S7YCwlLPd1EZDnrgYhochfcFP7ryj1XV+TU5kmretz/L42CinUj0IKKdSvjPDnf5/39aCewjeGMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcb++/4A3qE/10C+aHIAAAAASUVORK5CYII=" alt="Error"></span>175B ABC ABCD AB 95138</p>
</div>
<p>© 2020 All rights reserved</p>
</div>
解决方案
为了避免 br 添加额外的 div “section”并添加边距 120px。您不需要将填充 10px 放在标记“p”上。PS:由于固定的页脚和页眉,snipet 看起来不太好。如果你提交这个职位,它会更好。
* {
font-family: 'Ubuntu';
font-size: 18px;
margin:0;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #3498DB;
color: white;
text-align: center;
}
.flex-container {
display: flex;
align-items: center;
justify-content: center;
}
p {
padding: 5px;
}
img {
padding-right: 10px;
}
.navbar {
position: fixed;
right: 0;
top: 0;
width: 100%;
background-color: #3498DB;
color: white;
text-align: center;
}
.section{
display:flex;
flex-direction:column;
margin:120px 0;
}
<div class="navbar">
<h1><span><img width="30" height="30" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAdVBMVEX///8AAABLS0ujo6OWlpba2trQ0ND8/Pz39/fz8/P4+PhPT0/s7OzU1NQ7Ozvj4+OysrLExMRCQkISEhJpaWkmJiaDg4M1NTV7e3sZGRlZWVlgYGC9vb0aGhqIiIgqKiqbm5siIiJ1dXVoaGheXl6Ojo6pqamU9iTBAAAEaklEQVR4nO3c61riMBSF4XDQIooKHkB0EHX0/i9xZMQhK80JaPbO+Kzv30iH9FVoS9tgDGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGPsx/YxrKePIsJZr55mRYR9bZZVn0IKKVSPQgop3DY9kepqoCPsnRUZx9NE6W8oRmwBBd+HIsQ2UHJLMyoyFHTiGVZQeFOc6AOK7i1KE73A4sJbe7CHcZHRtvmBxYVmaY/2qyARgUM5oTm3B35pioxnXODKCApliC5QVIjbnbsiRATeG2EhEp8LjHfVAgoL8dxb90QPUFqIxHnHo/mA4kJzWY6IwMX2p+JCJF52OJYfqCAsRQwANYRmbq9KV+faEfi6e0BDWIIYBOoIzXPXxDBQSdgA8fihL8JAJaFp7rokxoBaQtO82Ct1ftQgCLx1HtUSmuZXV8Q4UE9oxg/2ii0PHiIBVBR2REwBNYVmdGOv3O+DBkDgm2cJTaEZweo9HvD8aaCu0JwdScwAKgsdon8Vw2X9gpSFzkp6NhSR8l4B2sIjiPg/gxsqdWH8kCtSJrAC4YFEBEb2phUIDyJmA6sQOsRFbNFtuCeNHg9VIdybiEdD8QO+OoT+M53BEJj4XFKJcC/iXsBqhA5xFVlyP2A9wmzieD9gRUKH+B5YCj9VZqx1RUKzyCCO4eRHzrNWJHzvYUPPMnh2J+vwoB7hsOfWJuIZuk3pfWc1wjaw11s7y7SB6X1nNcK1B+gSfcD4jmVTJUL3XtDvBtYyeJ58V2iru60O4UcAaBNDQP8maVcVwmtYYeR+E0d4MQeWWceevAYhAifmFP7dn44+jwbwfXrpHB4MIs9egfAJVvb08ydIbLe5NI63BkXmpekL20BjplHg1x0cSLwOPr+6EDFT7099QPdG5yBRW+gHxoi7e3DwxfwUGEFZGF5JfPH6gJlEXWFsFf1EvIsq9AqwUxXG30m+m5ndc+IZRE1halPR4AdGL8G3JcYUhRl7tIt7a4mZd3OZJOoJERg8KpkMFstZ/231FJpq4x4RuakJ8bBrfcQYeBx74j6sJURg/NNBqjhRSdgl0P10eYUP6gjxOkXiI2xG+MkDiSpCBKZOQ+SEZ3mAqCFEYPJUUlZ4KvLCekRBiBc3c64W5rQKEeWFCMy/bp/qHp53t/cUF+LV2+6A7kWBf0RpIV452u/+mVSvQPyexSksbODK0b73QKWCWZw32ymOskI8a33IrXrx3uynf/iaHCcqxBvYD79pNtyjPcDXFEdRYXGgwbm4fyfHSQphIslxN6+HA+LmnIegEOY7lRluE8zFnUsKYeZhmW8Wc8fsbU6PiwmXOG7J4He5G1fyOxXKAp33g4aw68mx7ea+YeWEJeZwuz17xhUTlpmH7+S7YCwlLPd1EZDnrgYhochfcFP7ryj1XV+TU5kmretz/L42CinUj0IKKdSvjPDnf5/39aCewjeGMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcb++/4A3qE/10C+aHIAAAAASUVORK5CYII=" alt="Error"></span></h1>
<p> A abcd abcde abcdabcd abc abcde abcdefgh </p>
</div>
<div class="section">
<h2 style="text-align: center;">Invitation to join Project ((ProjectName))</h2>
<p>((InviterFirstName)) ((InviterLastName)) has invited you as ((ProjectRole)) to the following project.</p>
<p>Project Name: ((ProjectName))</p>
<P>Project Number: ((ProjectNumber))</p>
<p>Team HTML</p>
</div>
<div class="footer">
<div class="flex-container">
<p style="text-align:left;"><span><img width="30" height="30" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAdVBMVEX///8AAABLS0ujo6OWlpba2trQ0ND8/Pz39/fz8/P4+PhPT0/s7OzU1NQ7Ozvj4+OysrLExMRCQkISEhJpaWkmJiaDg4M1NTV7e3sZGRlZWVlgYGC9vb0aGhqIiIgqKiqbm5siIiJ1dXVoaGheXl6Ojo6pqamU9iTBAAAEaklEQVR4nO3c61riMBSF4XDQIooKHkB0EHX0/i9xZMQhK80JaPbO+Kzv30iH9FVoS9tgDGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGPsx/YxrKePIsJZr55mRYR9bZZVn0IKKVSPQgop3DY9kepqoCPsnRUZx9NE6W8oRmwBBd+HIsQ2UHJLMyoyFHTiGVZQeFOc6AOK7i1KE73A4sJbe7CHcZHRtvmBxYVmaY/2qyARgUM5oTm3B35pioxnXODKCApliC5QVIjbnbsiRATeG2EhEp8LjHfVAgoL8dxb90QPUFqIxHnHo/mA4kJzWY6IwMX2p+JCJF52OJYfqCAsRQwANYRmbq9KV+faEfi6e0BDWIIYBOoIzXPXxDBQSdgA8fihL8JAJaFp7rokxoBaQtO82Ct1ftQgCLx1HtUSmuZXV8Q4UE9oxg/2ii0PHiIBVBR2REwBNYVmdGOv3O+DBkDgm2cJTaEZweo9HvD8aaCu0JwdScwAKgsdon8Vw2X9gpSFzkp6NhSR8l4B2sIjiPg/gxsqdWH8kCtSJrAC4YFEBEb2phUIDyJmA6sQOsRFbNFtuCeNHg9VIdybiEdD8QO+OoT+M53BEJj4XFKJcC/iXsBqhA5xFVlyP2A9wmzieD9gRUKH+B5YCj9VZqx1RUKzyCCO4eRHzrNWJHzvYUPPMnh2J+vwoB7hsOfWJuIZuk3pfWc1wjaw11s7y7SB6X1nNcK1B+gSfcD4jmVTJUL3XtDvBtYyeJ58V2iru60O4UcAaBNDQP8maVcVwmtYYeR+E0d4MQeWWceevAYhAifmFP7dn44+jwbwfXrpHB4MIs9egfAJVvb08ydIbLe5NI63BkXmpekL20BjplHg1x0cSLwOPr+6EDFT7099QPdG5yBRW+gHxoi7e3DwxfwUGEFZGF5JfPH6gJlEXWFsFf1EvIsq9AqwUxXG30m+m5ndc+IZRE1halPR4AdGL8G3JcYUhRl7tIt7a4mZd3OZJOoJERg8KpkMFstZ/231FJpq4x4RuakJ8bBrfcQYeBx74j6sJURg/NNBqjhRSdgl0P10eYUP6gjxOkXiI2xG+MkDiSpCBKZOQ+SEZ3mAqCFEYPJUUlZ4KvLCekRBiBc3c64W5rQKEeWFCMy/bp/qHp53t/cUF+LV2+6A7kWBf0RpIV452u/+mVSvQPyexSksbODK0b73QKWCWZw32ymOskI8a33IrXrx3uynf/iaHCcqxBvYD79pNtyjPcDXFEdRYXGgwbm4fyfHSQphIslxN6+HA+LmnIegEOY7lRluE8zFnUsKYeZhmW8Wc8fsbU6PiwmXOG7J4He5G1fyOxXKAp33g4aw68mx7ea+YeWEJeZwuz17xhUTlpmH7+S7YCwlLPd1EZDnrgYhochfcFP7ryj1XV+TU5kmretz/L42CinUj0IKKdSvjPDnf5/39aCewjeGMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcb++/4A3qE/10C+aHIAAAAASUVORK5CYII=" alt="Error"></span><a href="mailto:support@html.com" style="color:white;">support@html.com</a></p>
<p style="text-align:right;"><span><img width="30" height="30" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAdVBMVEX///8AAABLS0ujo6OWlpba2trQ0ND8/Pz39/fz8/P4+PhPT0/s7OzU1NQ7Ozvj4+OysrLExMRCQkISEhJpaWkmJiaDg4M1NTV7e3sZGRlZWVlgYGC9vb0aGhqIiIgqKiqbm5siIiJ1dXVoaGheXl6Ojo6pqamU9iTBAAAEaklEQVR4nO3c61riMBSF4XDQIooKHkB0EHX0/i9xZMQhK80JaPbO+Kzv30iH9FVoS9tgDGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGPsx/YxrKePIsJZr55mRYR9bZZVn0IKKVSPQgop3DY9kepqoCPsnRUZx9NE6W8oRmwBBd+HIsQ2UHJLMyoyFHTiGVZQeFOc6AOK7i1KE73A4sJbe7CHcZHRtvmBxYVmaY/2qyARgUM5oTm3B35pioxnXODKCApliC5QVIjbnbsiRATeG2EhEp8LjHfVAgoL8dxb90QPUFqIxHnHo/mA4kJzWY6IwMX2p+JCJF52OJYfqCAsRQwANYRmbq9KV+faEfi6e0BDWIIYBOoIzXPXxDBQSdgA8fihL8JAJaFp7rokxoBaQtO82Ct1ftQgCLx1HtUSmuZXV8Q4UE9oxg/2ii0PHiIBVBR2REwBNYVmdGOv3O+DBkDgm2cJTaEZweo9HvD8aaCu0JwdScwAKgsdon8Vw2X9gpSFzkp6NhSR8l4B2sIjiPg/gxsqdWH8kCtSJrAC4YFEBEb2phUIDyJmA6sQOsRFbNFtuCeNHg9VIdybiEdD8QO+OoT+M53BEJj4XFKJcC/iXsBqhA5xFVlyP2A9wmzieD9gRUKH+B5YCj9VZqx1RUKzyCCO4eRHzrNWJHzvYUPPMnh2J+vwoB7hsOfWJuIZuk3pfWc1wjaw11s7y7SB6X1nNcK1B+gSfcD4jmVTJUL3XtDvBtYyeJ58V2iru60O4UcAaBNDQP8maVcVwmtYYeR+E0d4MQeWWceevAYhAifmFP7dn44+jwbwfXrpHB4MIs9egfAJVvb08ydIbLe5NI63BkXmpekL20BjplHg1x0cSLwOPr+6EDFT7099QPdG5yBRW+gHxoi7e3DwxfwUGEFZGF5JfPH6gJlEXWFsFf1EvIsq9AqwUxXG30m+m5ndc+IZRE1halPR4AdGL8G3JcYUhRl7tIt7a4mZd3OZJOoJERg8KpkMFstZ/231FJpq4x4RuakJ8bBrfcQYeBx74j6sJURg/NNBqjhRSdgl0P10eYUP6gjxOkXiI2xG+MkDiSpCBKZOQ+SEZ3mAqCFEYPJUUlZ4KvLCekRBiBc3c64W5rQKEeWFCMy/bp/qHp53t/cUF+LV2+6A7kWBf0RpIV452u/+mVSvQPyexSksbODK0b73QKWCWZw32ymOskI8a33IrXrx3uynf/iaHCcqxBvYD79pNtyjPcDXFEdRYXGgwbm4fyfHSQphIslxN6+HA+LmnIegEOY7lRluE8zFnUsKYeZhmW8Wc8fsbU6PiwmXOG7J4He5G1fyOxXKAp33g4aw68mx7ea+YeWEJeZwuz17xhUTlpmH7+S7YCwlLPd1EZDnrgYhochfcFP7ryj1XV+TU5kmretz/L42CinUj0IKKdSvjPDnf5/39aCewjeGMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcb++/4A3qE/10C+aHIAAAAASUVORK5CYII=" alt="Error"></span>175B ABC ABCD AB 95138</p>
</div>
<p>© 2020 All rights reserved</p>
</div>
更新:我用 *{margin:0} 更改了片段
推荐阅读
- javascript - 图像上传到画布后功能停止工作
- node.js - WebStorm 中的 Node.js
- amazon-web-services - Amazon S3 追溯更改对象权限
- angular - 打字稿和Angular5:如果长度<5,如何修剪数组
- google-bigquery - BigQuery:使用通配符表查询多个表
- vue.js - Vue组件不可见
- vue.js - 如何在 Vue.js 中使用多个 API
- javascript - 从 1..N 个项目数组中查找缺失的项目
- file - 如何在 DataTable 列中使用可下载链接实现下载 pdf/docx 文件
- laravel - Zend 邮件 - 无法读取 - 连接关闭?