Rumah > Artikel > hujung hadapan web > 请教一个CSS的问题，文字无法在某个DIV内显示_html/css_WEB-ITnose
请教一个CSS的问题，文字无法在某个DIV内显示_html/css_WEB-ITnose
- WBOYasal
- 2016-06-21 09:35:221160semak imbas
div {overflow:hidden;word-wrap:break-word;border:2px solid green; } .total {width:1000px;height:1000px; } .header {height:20%; } .header_1 { height:30%; } .header_1 div div { width:100%; height:50%; } .header_1 div div div { width:50%; height:100%; text-align:center; } .header_1 div { width:19%; height:100%; float:left; } .header_2 { height:30%; } .header_3 { height:30%; } .header,.header_1,.header_2,.header_3 { width:inherit; } .header_2 div,.header_3 div { width:32%; height:100%;float:left;overflow:auto; } <body> <div class="total"> <div class="header"> <div class="header_1"> <div> <div> <div> I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: </div> <div> dddddddddddddddddddddddd </div> </div> <div> <div> I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: </div> <div> I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: </div> </div> </div> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 2</div> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 3</div> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 4</div> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 5</div> </div> <div> <div class="header_2"> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 1</div> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 2</div> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 3</div> </div> <div class="header_3"> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 1</div> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 2</div> <div>I have a div tag, and the text wraps well when you have spaces, everything is good, but when I do a long word or something, it will stick outside the div, is there anyway to fix this. I've looked at several things but they aren't all compatible with all browsers.Right now this is my css that the text is going into: 3</div> </div> </div> </div> </div> </div> </body>
问题截图：
回复讨论(解决方案)
因为你设置的宽度是50%所以只显示一半。。
.header_1 div div div
{
width: 50%;
text-align: center;
}
把这里的height：100%去掉。。你就可以看到dddd了
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：调用VBscript函数_html/css_WEB-ITnoseArtikel seterusnya：关于CSS的问题_html/css_WEB-ITnose