Question

有没有办法让<p>大小恰好适合它内部的文字？

我尝试过自动，没有尺寸或类似的东西，但它只会移动父元素的整个宽度。

Answer 1

广告display:inline-block到p代码：

＆＃13;

div{
  background:green;
  padding:5px
}
p{
  background:blue;
  display:inline-block
}

＆＃13;

<div>
  <p> abc </p>
</div>

＆＃13;

Answer 2

组织<div>内的每组标签。并修改div标签以对齐或其他东西。可以更好地管理。

要对单个代码进行特定操作，请使用style例如： - <p style="font-size: 100%;font-style: italic;">I love Java</p> - 内联函数

另一种方法是为每个标记创建一个标识，并对这些标记应用单独的（使用id）或类似的（使用class）效果。

例如： -

<html>
<head>
    <style>
        #hello{
            font-size: 200%;
            color: red;
        }            
        .intro{
            font-size: 100%;
            color: blue;
        }
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
</head>
<body>
    <h1 id="hello">Hello World!</h1>
    <p class="intro">Iam developing a website to enpower the nation's security</p>
    <p class="intro">To make my nation proud</p>
</body>

另一种方法是使用单独的.css文件并使用

链接该文件

 <head>
    <link href="stylesheets/BodyStyle.css" type="text/css" /> 
 </head>

并在.css文件中，生成<style></style的相同声明。

<p>大小取决于其中的文本

2 个答案: