html – 文本溢出其容器div的两侧_html-js-css

概述我在包含div中的文本从它应该实际自动包装的两侧溢出. HTML： <!DOCTYPE HTML><html><head> <title> Welcome to my site </title> <link rel=stylesheet type="text/css" href=global.css> </head><body>< 我在包含div中的文本从它应该实际自动包装的两侧溢出.

HTML：

<!DOCTYPE HTML><HTML><head>    <Title>        Welcome to my site    </Title>    <link rel=stylesheet type="text/CSS" href=global.CSS>   </head><body><div ID="main"><p>jjfaljfejjfkadjf;lj;jmvwutpvwjfjdsjfklsdkdfjklsjfkljwjeiojfklslfkJsvfoiwjeorfjviw nfwvfjojwkdsklflskjfvwIErnvejveurvnwejfkdsjwjjrfjiowjeionvkjlksjdfkljkljDWijiodjfiovnwjoIEjoijfiojkJsljfdkJslfIEJskdklfjlksjfeiJskdjfklsjkldjfwjnfklsjfwoevjnwfdJshfkfsdkjfsjdfkjksjdfkJsljfdklJskl</p></div></body></HTML>

这就是CSS

HTML {     padding:0;    margin: 0;}body {    background: #E4E4E4;    height:100%;    wIDth:100%;}#main {    display: block;    background: white;    wIDth:960px;    margin: 0 auto;    position: relative;    padding: 5px 5px;}

以下是显示的内容：

我读过其他问题但没有一个能解决我的问题.问题是文本没有溢出div的底部.这与我为div设置的宽度有关吗？

解决方法这将把你的文本包装在div中,即使你的字符串是不间断的(这就是我所说的).

.worDWrap {     white-space: pre-wrap;      /* Webkit */       white-space: -moz-pre-wrap; /* firefox */        white-space: -pre-wrap;     /* Opera <7 */       white-space: -o-pre-wrap;   /* Opera 7 */        word-wrap: break-word;      /* IE */ }

总结

以上是内存溢出为你收集整理的html – 文本溢出其容器div的两侧全部内容，希望文章能够帮你解决html – 文本溢出其容器div的两侧所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1073760.html

html – 文本溢出其容器div的两侧

发表评论

评论列表（0条）