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

时间:2015-01-14 19:29:15

标签: html css

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

Text Selction

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

文本所在的白框使用“自动换行: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 :(得分:0)

只需为子div添加样式oveflow: hidden;即可。 找到以下示例

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 DEMO