Question

您好我是css和html的新手..我需要删除正文和页脚之间的空格。有帮助吗？我想在段落

的同一行添加图像

<!DOCTYPE html>
<html lang="en">
<head>
<title>Neotic</title>

</head>

<body> 
<div>
<center><img src="{{STATIC_URL}}Neoticlogo.png" height="200" width="400"  alt="Logo"  ></center>

<center> <font face="Arial" size="14.18" color=" #587974" >Beat the markets with AI </font></center>

</div>
</br>
</br>
<div class='row' style="background: #3CB371" >
<div class="col-lg-4">

<p style=" color:#EDEDED; font-family: Arial; font-size:+9; padding-left: 90px; width:400px" align="justify"> Neotic is a trading support platform, that allows traders to test trading strategies and provides related trading recommendations leveraging artificial intelligence, without writing a single line of code.</p> 


 </br>
  <p style=" color:#EDEDED; font-family: Arial; font-size:+9; padding-left: 90px; width:400px" align="justify"> The artificial intelligence is based on a machine learning algorithm that incorporates corporate fundamentals, historical prices and financial news</p>

 <b> <p style=" color:#EDEDED; font-family: Arial; font-size:+10; padding-left: 90px; width:400px" align="justify"> We are upgrading our services and revamping our brand</p> </b>


</div>

  <div class="well">
   <center> <p class="text-muted" style="color:#EDEDED; font-family: Arial; font-size:+2" >©2017 Neotic. All rights reserved </p> </center>
</div>
</footer>


</body>

Answer 1

好。所有的拳头......请提供所有代码并使用最新的HTML5代码......

使用您提供的编写糟糕的代码，我制作了JSFiddle。

<div class="well">
   <center> <p class="text-muted" style="color:#EDEDED; font-family: Arial; font-size:+2" >©2017 Neotic. All rights reserved </p> </center>
</div>
</footer>

div类well的高度是谁知道什么，所以当我将背景颜色和高度设置为20px时，我的结果就像你的照片一样。< / p>

PS：我删除了过时的中心标记，并为div样式添加了text-align:;。我还修复了不正确的</br>代码，并将其重置为<br/>。由于代码中的<footer>，我还添加了</footer>等缺少的起始元素。感谢James和j08691指出<font>标签也已过时。我修复了您的代码，但下次请检查您的HTML是否有过时的代码。

<title>Neotic</title>
<body> 
<div>
<img src="{{STATIC_URL}}Neoticlogo.png" height="200" width="400"  alt="Logo" style>

<h1 style="text-align: center;">
<font face="Arial" size="14.18" color=" #587974">Beat the markets with AI </font>
</h1>

</div>
<br/>
<br/>
<div class='row' style="background: #3CB371" >
<div class="col-lg-4">
<p style=" color:#EDEDED; font-family: Arial; font-size:+9; padding-left: 90px; width:400px" align="justify"> Neotic is a trading support platform, that allows traders to test trading strategies and provides related trading recommendations leveraging artificial intelligence, without writing a single line of code.</p> 
 <br/>
  <p style=" color:#EDEDED; font-family: Arial; font-size:+9; padding-left: 90px; width:400px" align="justify"> The artificial intelligence is based on a machine learning algorithm that incorporates corporate fundamentals, historical prices and financial news</p> 
 <b> <p style=" color:#EDEDED; font-family: Arial; font-size:+10; padding-left: 90px; width:400px" align="justify"> We are upgrading our services and revamping our brand</p> </b>
</div>
<footer>
 <div style="background-color:#333; height:20px;">
 <p style="font-family: Arial; font-size:+2; text-align:center;color:#fff;" >©2017 Neotic. All rights reserved </p>
</div>
</footer>

删除正文和页脚之间不需要的空格

1 个答案: