文本选择涵盖屏幕的整个宽度

每当我选择/突出显示我网站上的文本时，该栏会与我的页面上的所有内容重叠。文本选择涵盖屏幕的整个宽度

Text Selction

（文本选择框实际上不是灰色的，只是需要捕捉截图）如何从这样阻止它，使其保持在白盒子？

文本所在的白色文本框使用“文字换行：分词”来停止文本与白色文本框重叠。我不知道问题是否与此有关。

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

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

感谢

来源

2015-01-14 Popcorn727

你可以发布您的代码？ – jmore009

请在文章中包含您的HTML和CSS，以便我们检查它。 – TylerH

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

来源

2015-01-14 19:34:51 shanidkv

文本选择涵盖屏幕的整个宽度

回答

相关问题