图像和边框之间的空间

问题描述

为什么会有空格？我该如何解决？请帮帮我。

dataset = tf.data.Dataset.from_generator(generate_sample,output_signature=(
                 tf.TensorSpec(shape=(9,),dtype=tf.float32),(tf.TensorSpec(shape=(4,tf.TensorSpec(shape=(4,dtype=tf.float32)),))

<div class="person-Description">
                    <img src="Person.png" alt="Danielle Harris">
                    <h1>Danielle Harris</h1>
                    <h3>Software Technician</h3>
                </div>

解决方法

我假设您的意思是图像本身和边框之间的小空间，几乎看不到。要解决此问题，您必须为图像添加背景颜色。背景颜色应与边框颜色相同。这样，小空间将在视觉上消失。因此，在您的情况下，只需将 background: #ffffff; 添加到您的 CSS 规则 .person-Description img。

.person-Description{
  display: inline-flex; flex-direction: column;
  width: 100%; align-self: flex-start; text-align: center;
  align-items: center; justify-content: center;
}
.person-Description img{
  display: block; width: 60%; user-select: none;
  border-radius: 30px; border: 5px solid #FFFFFF;
  background: #ffffff;
}

<div class="person-Description">
  <img src="Person.png" alt="Danielle Harris">
  <h1>Danielle Harris</h1>
  <h3>Software Technician</h3>
</div>

去掉.person-Description img样式中的白边

 .person-Description img{style
       display: block; width: 60%; user-select: none;  
  }

border html space space