处理html中的文本:将属性与句子相关联

时间:2016-08-05 15:05:36

标签: javascript html css html5

我有一个由多个句子组成的文本。我希望将这个文本显示为常规文本,同时为句子提供样式属性和操作处理程序。现在我尝试将它们放在divp等不同的标签中,但每次我得到的都是:

What I have now

而不是:

What I want

我想这不可能通过简单的html获得我想要的东西,因为我不仅需要矩形,我希望分割包装。关于我怎么做的任何想法?

2 个答案:

答案 0 :(得分:1)

Div和p元素是块级元素。将每个句子放在块级元素中会导致每个句子从一个新行开始。

你能做什么把每个句子放在一个内联元素中,比如“span”,然后设置span元素的样式。

答案 1 :(得分:0)

您可以使用:

display: inline;

在你的元素上然后添加:

float: left; 

这将一个接一个地显示它们,如果它们用完房间,则将它们堆叠在下面。