我正在尝试在我的网页中使用 jQuery UI 手风琴(版本 1.9.2)。但是,我想将p
元素的 CSS 的 background-color 属性设置为文本的长度(类似于内联外观),但我不知道该怎么做。我试过display:inline;
, display:inline-block
,使用 span 而不是 div,甚至设置每个段落的宽度。所有这些要么主要与手风琴有关,要么根本不起作用。
这是我的 HTML:
<div id="accordion">
<h3>Sample</h3>
<div id="accordion-section">
<p>TEXT TEXT TEXT<br>
TEXT TEXT TEXT<br>
TEXT TEXT TEXT</p>
<p>TEXT TEXT TEXT<br>
TEXT TEXT TEXT</p>
<p>TEXT TEXT TEXT<br>
TEXT TEXT TEXT</p>
</div>
<div>
这是我的CSS:
#header{
font-family:cursive;
text-align:center;
}
#accordion div{
padding-left: 110px;
}
p{
background-color:#68FF53;
border-radius:5px;
padding: 0 10px;
text-indent: -10px;
padding-left: 20px
}
#education p{
padding-bottom: 10px;
display:inline-block;
}
ul li{
list-style-type: none;
display: inline-block;
background: #75A3EE;
padding: 0 10px;
border-radius: 5px;
}
jQuery 只是设置了基本的手风琴,仅此而已。
有人对如何做到这一点有任何想法吗?