Html 将段落宽度设置为默认大小的2倍
Html 将段落宽度设置为默认大小的2倍,html,css,Html,Css,所以我有两个段落，我想知道是否有可能将第二段的宽度设置为正常宽度的2倍，以便与之前的一段相同，之前的一段由于两个输入框而具有更长的宽度。a元素默认宽度为100%，无论其中包含什么，除非您为其定义宽度，或者通过应用display:inline或display:inline block使其成为inline元素 似乎您想要拉伸输入bos，而不是p标记？这是通过input标记中的size属性（在HTML代码中）使用：第n个子项（2）这样可以设置段落的所有特征，并使用：第n个子项设置宽度 <p>
所以我有两个段落，我想知道是否有可能将第二段的宽度设置为正常宽度的2倍，以便与之前的一段相同，之前的一段由于两个输入框而具有更长的宽度。a
元素默认宽度为100%，无论其中包含什么，除非您为其定义宽度，或者通过应用display:inline
或display:inline block
使其成为inline
元素
似乎您想要拉伸输入bos，而不是p
标记？这是通过input
标记中的size
属性（在HTML代码中）使用：第n个子项（2）这样可以设置段落的所有特征，并使用：第n个子项设置宽度
<p>
<input type="text"/>
<input type="text"/>
</p>
<p>
<input type="text"/>
</p>
p{
宽度：100px；
背景：红色；
}
第n个孩子（2）{
宽度：200px；
}
第一段
第二段
注意：Internet Explorer 8和早期版本不支持：nth-child（）选择器
您可以使用表
标记仅放置两段。具有最长宽度的表格单元格将根据其宽度调整所有其他单元格。由于前面提到第一段最长，请参见下面的片段
注：第1段p1
有一个红色边框，宽度为370px
td{
边框：纯黑1px；
}
#p1{
显示：内联块；
宽度：370px；
边框：纯红；
}
#p2{
边框：纯蓝色；
}
p1
270px
p2
javascript解决方案也可以吗？我从未使用过javascript我对网络编程很陌生，我希望有一个css解决方案。没有css，你的问题就没有多大意义。p是块元素，在没有任何CSS的情况下宽度相同。您的代码显示的段落宽度相同，那么您的问题是什么？：）。旁注：以这种方式使用标签是不正确的。输入不是文本的段落。@RaduSoigan添加了一些CSS以确定元素大小，这是HTML的外观：是的，我想定义第一段的宽度，而不去猜测它。p
tags`）都是100%宽的-对它们应用背景或边框，然后您将看到，itI不支持在此表中使用标记，因为输入框中的表格单元格将进行缩放。但既然你的需求与有关，这是一种方法哦，哇，一种基于表格的设计，所以请回答。作为记录，这是一种语义不正确的方法，多年来一直被避免。现在有更好的方法来实现这一点。
<!DOCTYPE html>
<html>
<head>
<style>
p {
width: 100px;
background: red;
}
p:nth-child(2) {
width: 200px;
}
</style>
</head>
<body>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the :nth-child() selector.</p>
</body>
</html>