iframe双滚动条解决方式 CSS3 overflow-y 属性_html/css

iframe双滚动条解决方式 CSS3 overflow-y 属性_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:54:52

原创

2065人浏览过

裁剪 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/1017">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680070344595.jpg" alt="AssemblyAI">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1017">AssemblyAI</a>
                            <p>转录和理解语音的AI模型</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="AssemblyAI">
                                <span>65</span>
                            </div>
                        </div>
                        <a href="/ai/1017" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="AssemblyAI">
                        </a>
                    </div>

登录后复制