html – 如何强制溢出:隐藏,不能用尽我的padding-right空间

前端之家收集整理的这篇文章主要介绍了html – 如何强制溢出:隐藏,不能用尽我的padding-right空间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码
<div style="width: 100px; 
overflow: hidden; 
border: 1px solid red; 
background-color: #c0c0c0;
padding-right: 20px;
">
2222222222222222222222111111111111111111111111113333333333333333333</div>

(XHTML 1.0过渡)

发生什么是填充右边没有出现,它被内容占用,这意味着溢出会占用填充右侧空间,并且在填充后仅“切断”.

有没有办法强制浏览器在padding-right之前溢出,这意味着我的div将显示与padding的权利?

我得到的是下面的图像中的第一个div,我想要的是像第二个div:

image

解决方法

我有与overflow相同的问题:hidden;遵守所有的填充规则,除了右边.此解决方案适用于支持独立不透明度的浏览器.

我刚刚改变了我的CSS:

padding: 20px;
overflow: hidden;

padding: 20px 0 20px 20px;
border-right: solid 20px rgba(0,0);

容器div工作正常,但是有效地使页面上的div数量翻倍,这样就不必要了.

不幸的是,在你的情况下,这不是很好,因为你需要一个真正的边界在div.

猜你在找的HTML相关文章