看一下链接。其父级中的p元素具有更大的宽度。我想在对话框中显示p。我该怎么做?
.dialog-box {
margin:0 auto;
width:300px;
height:200px;
background-color:#326A16;
-webkit-filter:drop-shadow(0px 0px 5px #000000);
border-radius:20%/34%;
}
.dialog-box:before {
content:"";
position: absolute;
width: 0px;
height: 0px;
border-right: 21px solid transparent;
border-left: 18px solid transparent;
border-top: 42px solid #326A16;
margin:195.71428571428572px 90px;
}
.dialog-box p {
display:inline;
margin:10% 14%;
text-wrap:normal;
}
更新您的.dialog-box
:
.dialog-box p {
display: block;
margin:10% 14%;
width: 200px;
word-wrap: wrap;
word-break: break-all;
padding-top: 30px;
}
这里要做的3件事:
display: inline
在您的情况下不起作用;您必须使用p
元素的宽度和高度word-wrap
和包装和破坏单词word-break
padding-top
边注:
没有必要设置太多小数位的边距。仅使用整数。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句