如何解决图像和边框之间的空间
为什么会有空格?我该如何解决?请帮帮我。
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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。