Question

是否可以为div声明CSS，以便声明的div将显示在一行文本中？例如。一个span可以在文本中显示，但div怎么样？有关示例，请参阅下文或here 提前致谢

This is a * * * Text-Test! * * * 
This is a * * * Text-Test! * <span style="position:absolute; width:200px; color:#FF0000; float:left;"><b>This Span is inside the text or line.</b></span>* * This is a * * * Text-Test! * * *<br/>
This is a * * * Text-Test! * * * This is a * * * Text-Test! * * *<br/>
This is a * * * Text-Test! * <div id="Helper" style="position:absolute; background-color:#00FF00; width:100px; height:20px; float:right;">*** This DIV is at the beginning of the text or line. *** </div>* * This is a * * * Text-Test! * * * <br/>
This is a * * * Text-Test! * * * This is a * * * Text-Test! * * *

Answer 1

根据以下答案，如果可能，应避免使用内联div元素，因为它们无效。请改用span。

https://stackoverflow.com/a/1611079/2359161

Answer 2

您需要在css中使用display:inline。 Here is the link to the fiddle

尝试这样：Hello <div style="display:inline;">World!</div> How are you?

Answer 3

div是块级元素。意味着它总是在浏览器中显示时以新行开始和结束当我们想给元素组赋予样式时，我们也使用div。例如

<html>
<div>
<h1>StackOverflow</h1>
<p>welcome to stackOverflow</p>
</div>

现在在上面的示例中，我们将两个html元素组合在一起。如果你仍然想使用div作为内联块元素。你必须做一件事

div{
  display:inline;
}

现在当你将属性设置为内联时，它的行为类似于内联块元素。现在你的div将接受边距和填充但它仍然保持内联.Margin和padding只会水平推送其他元素而不是垂直

div{
display:inline-block;
}

但是如果将属性划分为内联块，则可以设置元素的宽度和高度，它仍然保持内联。

了解更多信息 [http://css-tricks.com/almanac/properties/d/display/]

如何在文本中设置div？

3 个答案: