在它之前没有换行的<div>元素?</div>

时间:2011-03-25 05:34:01

标签: css

这是我的代码:

Your rating: <div>4</div>

看起来像:

Your rating:
     4

如何让div在它之前不换行呢?

6 个答案:

答案 0 :(得分:7)

<div style="display:inline-block">4</div>

<div style="display:inline">4</div>

这实际上取决于你想如何使用div容器。如果你不想要一个块元素,它甚至可能更实际(对于后一个例子)使用span。

答案 1 :(得分:5)

虽然您可以使用&lt; div&gt;要做到这一点,大多数人会建议你使用&lt; span&gt;代替。

答案 2 :(得分:1)

将其设为<span>4</span>

OR

使用自然HTML <em><strong>换行,并相应地为该子项设置样式。

#mypost strong {...}

http://css-tricks.com/css-beginner-mistakes-1/

答案 3 :(得分:0)

您需要使div显示为“inline”而不是默认的“block”。看一下这个question

答案 4 :(得分:0)

默认情况下,DIV是块级元素。您可以添加style ='display:inline'以在一行中显示。或者您可以使用Span或Label标签代替DIV

答案 5 :(得分:0)

您可以使用跨度

import io.leangen.graphql.annotations.*;
import io.leangen.graphql.spqr.spring.annotation.GraphQLApi;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;

@GraphQLApi
@Component
public class ProjectQueryResolver{
    @GraphQLQuery
    public Project projects(@GraphqlArugment String projectId) {
        **// want to read authorization token present in request header**
        ...
    }
}

OP:您的评分:4