html - 图像溢出桌子
问题描述
我在做作业时遇到了麻烦...
我还很HTML/CSS
陌生,无法解决从桌子上溢出的图像...无论我的图片尺寸如何,它们仍然不适合表格单元格...
表格图片:
<div class="section1 center">
<p class="section1Text">
Pamela Holland is a University of Melbourne trained Clinical
Psychologist practicing in Melbourne's far southeastern suburbs and West
Gippsland who specializes in the delivery of scientifically supported
cognitive-behavioral therapies (CBT) to adults and older adolescents
experiencing emotional difficulties.
</p>
<table style="position:absolute;z-index:6;color:white;font-
size:13px;top:145px;left:160px;">
<tr>
<td><img src="images/bullets.png" width="15px"></td>
<td>8 years of experience</td>
<td><img src="images/bullets.png" width="15px"></td>
<td>Full confidentiality</td>
</tr>
<tr>
<td><img src="images/bullets.png" width="15px"></td>
<td>Modern and effective methods of psychotherapy</td>
<td><img src="images/bullets.png" width="15px"></td>
<td>My office is located in city center</td>
</tr>
</table>
<img src="images/owner.png" width="700px">
<div class="dividerTransparency center">
<p>gsasga</p>
</div>
</div>
和我的 CSS:
.section1 {
width:50%;
background-color:#aba89d;
position:relative;
}
.section1Text{
z-index:5;
position:absolute;
text-align:center;
width:60%;
font-size:13px;
color:white;
top:70px;
left:210px;
}
.dividerTransparency {
width:100%;
height:42px;
background-color:rgba(103,101,96,.5);
position:relative;
z-index:3;
}
.section1 img {
margin-left:50px;
position:relative;
bottom:-45px;
z-index:2;
}
我希望这没关系..我不知道在这里分享代码的更简单方法,因为我很新...
解决方案
请在css下面添加。
table tr td img{
bottom:auto;}
这对我有用。
推荐阅读
- powershell - 选择对象-唯一
- java - 使用Java将String中的大写文本转换为带重音的小写
- linux - 如何在 linux 中编辑具有 2 个不同用户的副本的文件?
- javascript - 通过 VueJS 中的 props 将动态数据传递给引导程序的模态
- javascript - 有没有办法在 VueJS 中缓存 API 响应
- java - 方法是否与对象一起实例化?
- django - docker-entrypoint-initdb.d 中的脚本 sql 未执行
- angular - 如何在Angular中为switch case编写单元测试用例?
- three.js - 如何在不使用 Threejs 的情况下使用 WebGL 加载 glb 文件
- java - 如何使用租户 ID、客户端 ID 和客户端密码连接和管理 Azure Data Lake Storage Gen2 中的目录和文件?