Html 如何强制段落在div内渲染并扩展divs高度?
我正在使用一些自定义css的工具提示。工具提示内部类的最大宽度为300px。.tooltip类是它的容器,它是绝对定位的。HTML/CSS看起来像这样,有点模糊,抱歉Html 如何强制段落在div内渲染并扩展divs高度?,html,css,twitter-bootstrap,angular-ui,Html,Css,Twitter Bootstrap,Angular Ui,我正在使用一些自定义css的工具提示。工具提示内部类的最大宽度为300px。.tooltip类是它的容器,它是绝对定位的。HTML/CSS看起来像这样,有点模糊,抱歉 <div class="tooltip-inner ng-binding" bind-html-unsafe="content"> <p>Lorem ipsum made using yada yada yada. Here are a few helpful definitions for ones
<div class="tooltip-inner ng-binding" bind-html-unsafe="content">
<p>Lorem ipsum made using yada yada yada. Here are a few helpful definitions for ones requiring a little more explanation.</p>
<ul>
<li>xxxxxxxxxxxxxxxxxxxxxxxx.</li>
<li>yyyyyyyyyyyyyyyyyyyyyyyyyitution.</li>
<li>zzzzzzzzzzzzzzzzzzzzzzzzzzz.</li>
</ul>
<a href="#" data-value="close">Close</a>
</div>
.tooltip-inner {
padding: 7px;
min-width: 130px;
color: #666;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
border: 1px solid transparent;
border-right-color: #b8b8b8;
border-top-color: #a9d0e5;
border-bottom-color: #b8b8b8;
background-color: #f3fafd;
-webkit-box-shadow: .4em .4em 1.2em -0.3em rgba(89,89,89,0.27);
-moz-box-shadow: .4em .4em 1.2em -0.3em rgba(89,89,89,0.27);
box-shadow: .4em .4em 1.2em -0.3em rgba(89,89,89,0.27);
text-shadow: .0555em .0555em .01em rgba(178,178,178,0.7);
}
使用雅达雅达雅达制造的Lorem ipsum。这里有一些有用的定义,对于那些需要更多解释的定义
- XXXXXXXXXXXXXXXXXXXX
- YYYYYYYYYYYYYYYYYYYY替换
- zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
.工具提示内部{
填充:7px;
最小宽度:130px;
颜色:#666;
-webkit边框左上半径:0;
-左上角的moz边界半径:0;
边框左上半径:0;
-webkit边框左下半径:0;
-moz边框半径左下角:0;
边框左下半径:0;
边框:1px实心透明;
右边框颜色:#B8B8;
边框顶部颜色:#a9d0e5;
边框底色:#B8B8;
背景色:#f3fafd;
-网络工具包盒阴影:4em.4em 1.2em-0.3em rgba(89,89,89,0.27);
-莫兹盒阴影:4em.4em 1.2em-0.3em rgba(89,89,89,0.27);
盒影:4em.4em 1.2em-0.3em rgba(89,89,89,0.27);
文本阴影:.0555em.0555em.01em rgba(178,0.7);
}
没有样式设置高度或位置。据我所知,子元素没有导致这种行为的特定样式
如何使div.tooltip内部扩展其高度并保持其宽度,目前它保持宽度,但显然这不是我拍摄的目的。非常感谢您的帮助 尝试将外部div、
工具提示内部
、样式设置为溢出:自动
我尝试过,但它只是插入了一个水平滚动条,根本不会打断文本。基本上看起来相同,只是文本现在可以滚动。谢谢你的回答。我很抱歉这不应该被否决。我只是想说我试过了,但它对我不起作用。我试图取消否决票,但stackoverflow不会离开我。请让我知道如何更正此问题。道歉。