??
裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话:
div{overflow-y:hidden;}<!DOCTYPE html><html><head><style> div{width:110px;height:110px;border:thin solid black;overflow-x:hidden;overflow-y:hidden;}</style></head><body><div><p style="width:140px">这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p></div>
<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p><p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/ai/1717">
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175680315825545.png" alt="千面视频动捕">
</a>
<div class="aritcle_card_info">
<a href="/ai/1717">千面视频动捕</a>
<p>千面视频动捕是一个AI视频动捕解决方案,专注于将视频中的人体关节二维信息转化为三维模型动作。</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="千面视频动捕">
<span>27</span>
</div>
</div>
<a href="/ai/1717" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="千面视频动捕">
</a>
</div>
</body></html>
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号