繁体   English   中英

文字选择覆盖整个屏幕宽度

Text Selection Covers entire width of screen

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

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

文字选择

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

文本所在的白框使用“自动换行: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 个回复

只需添加样式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演示

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

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

2 为什么我的容器不能覆盖屏幕的整个宽度?

我正在使我的观点做出回应。 目前,我正在尝试使组件具有绿色背景,以覆盖屏幕的整个宽度。 这是绿色背景的组件代码: ...这是单个HR / ACT / BPM / TEMP组件的代码 ...最后,这是视图中呈现的完整组件的代码 谢谢你们! ...

3 如何避免JQuery Pop Up窗口覆盖整个屏幕宽度?

我正在尝试使用插件插入JQuery弹出窗口。 虽然,它工作正常,但是只要显示弹出窗口,它就会覆盖整个屏幕宽度。 高度可以,但宽度可以覆盖整个屏幕。 我尝试使用插件文档中提供的width属性,但该属性不起作用,而其余属性按预期工作。 下面是示例代码。 在这里,在按钮单击事件上调 ...

4 如何让 vueitfy v-layout 覆盖整个屏幕宽度

我正在尝试使用 vuetify https://vuetifyjs.com/en/components/lists#examples文档用 3 行代码实现 vuetify v-list Avatar。 但是,列表会显示,但不会覆盖屏幕的整个宽度。 这是我的代码 这是它现在的样子,但我想增加宽度 ...

9 iOS-图像未水平覆盖屏幕的整个宽度

你好,我是IOS的新手,我正在尝试学习StackViews。 我已经在屏幕上添加了图像,但问题是首先它没有完全垂直覆盖屏幕,也没有完全位于设备的顶部,这意味着顶部和左侧和右侧都留有一些空间或空白。 您可以在所附的图像中看到左右两侧以及顶部都有空间。 如果您需要有关在正确的属性选择器中 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM