每当我在网站上选择/突出显示文本时,该栏就会覆盖页面上的所有内容。

文字选择

(文本选择框实际上不是灰色的,只需要捕获屏幕快照即可)如何阻止它执行操作,使其保留在白框中?

文本所在的白框使用“自动换行:break-word”来阻止文本与白框重叠。 我不知道问题是否与此有关。

<p> Test Test Test Test Test </p>

p {                         
font-family: "Calibri";
font-style: normal;
font-variant: normal;
font-size: 18px;
color: black; }

谢谢

#1楼 票数:0 已采纳

只需添加样式oveflow: hidden; 对于儿童div 查找以下示例

的HTML

<div class="wrap">
    <div class="content">
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled 
    </div>
</div>

的CSS

.wrap{
    background: #ddd;
    overflow: hidden;
    padding: 20px;
}
.content{
    width: 50%;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

JSFIDDLE演示

  ask by Popcorn727 translate from so

未解决问题?本站智能推荐:

3回复

即使宽度降低,链接也会覆盖整个屏幕

在h1上有一个链接,无论我提供什么css,它总是跨越整个页面。 我只希望h1可以点击。 DEMO
2回复

如何使页脚覆盖整个屏幕宽度?

我希望页脚覆盖整个屏幕宽度。 这是它现在的样子: 页脚我将不胜感激!
1回复

如何为覆盖整个屏幕宽度且不会溢出的元素设置动画

我在p Elements上应用了一些动画,并希望制作一个类似字幕的效果,虽然它们会进行动画处理,但它们会超出屏幕或溢出。 我搜索了很多,但没有找到确切的内容,仅使用Css3。 为了达到这种效果,我必须在translateX(screen_width)定义屏幕宽度。 我的动画小提琴
7回复

Divs不能覆盖整个宽度。

通过查看其他SO问题,我设法使左侧的div跨越了整个页面,但没有正确的div。 我该如何解决这个问题? HTML: CSS: 这是一个演示: http : //codepen.io/davegumba/pen/QNzpey
1回复

为什么我的按钮宽度为整个屏幕?

我刚开始学习引导程序,想知道我的图像按钮发生了什么。 它占用了整个屏幕的宽度,我不知道为什么? 我可以减少它,是的,但我想知道为什么会这样? 默认情况下,通常按钮很小。 另外,如果您发现我的代码有问题或写得不好,如果您能指出,我将不胜感激。 #grid div { background: b
2回复

为什么没有覆盖整个屏幕宽度?

我使用CSS和JavaScript锁定屏幕,但是我不确定为什么锁定面板的宽度与屏幕宽度不同,您有什么想法吗? 这是HTML源代码,您可以找到以下javascript代码,有人帮我吗? JavaScript: HTML: CSS:
4回复

背景覆盖整个屏幕

我的背景图片覆盖了我的整个屏幕。 但是,一旦我将元素添加到html文件中,背景图像将仅覆盖此新元素的区域,其余的将变为白色。 如何确定背景在我的元素之后一直持续到屏幕底部? 如果我使用background-size:cover,它将显示相同的内容。 我该如何解决?
2回复

如何根据屏幕宽度覆盖CSS

下面,我写了一些CSS来确保我的“部分”在导航到整个屏幕时都可以使用,但是当浏览器窗口变小或在移动设备上访问时,内容将丢失,因为它不合适。 我已经进行了媒体查询来对css的第一位进行计数,但是我不确定将其设置为什么来对其进行计数。