Question

我是CSS的新手，我试图以一个人的数据为例。格式为：Details Name: John

等，但Name:必须是黄金。我用：

h1 {
  color: gold;
  font-family: "Courier New";
  font-size: 100%;
}
h2 {
  font-family: "Courier New";
  font-size: 100%;
}

<h2>Details</h2>
<h1>Name:</h1> 
<h2>John</h2>

除非John置于Name:之下，尽管没有使用新行或其他内容，但这一点非常有用......

Answer 1

WITH MEMBER [Measures].[TestMeasure] AS IIf( Not(IsEmpty([Measures].[EnrollPatientCnt])) or Not(IsEmpty([Measures].[AssessmentPatientCnt])) or Not(IsEmpty([Measures].[ProgramAssessmentPatientCnt])) ,1 ,Null ) MEMBER [Measures].[TotalCount] AS Sum ( ( { [DimAssessment].[AssessmentText].[AssessmentText] }, { [DimAssessment].[QuestionText].[QuestionText] }, { [DimAssessment].[AnswerText].[AnswerText] } ), [Measures].[TestMeasure] ) SELECT NON EMPTY [Measures].[TotalCount] ON COLUMNS FROM [NavigateCube] WHERE ( { ( { [DimManagedPopulation].[ManagedPopulationName].&[1034]&[TC Tammy Brown Care Team] } ) } )和h1是块元素，并且将始终进入新行。

您可以在h2标记内使用span标记，例如

h1

使用CSS

<h1><span class="my_style1">Name:</span> John</h1>

...或者你使h1和h2内联：

.my_style1 {
  color: gold; 
}

...，我不推荐，因为它会带来很多其他麻烦......

Answer 2

 @Override
    public void onItemSelected(Item item) {
        //call addItemsToShoppingCartFromPreviousOrder 
    }

.example{
  font-family: "Courier New";
  font-size: 100%;
}

.title {
  color: gold;

}

<div class="example"> <h1>Details</h1> <span class="title">Name:</span> John </div>和h1默认添加新行。 H代表标题，因此使用标题来设置非标题内容的样式被认为是不好的做法。您可以添加其他css规则h2，它可以解决您的问题，但我还建议您使用display: inline代码而不是span和h1代码

Answer 3

这就是您使用的HTML标记默认工作的方式。 HTML文档中的换行符对浏览器毫无意义。

有几种方法可以完成你正在做的事情。我在h1和h2标签上添加了一个类，并使用display：inline来执行：

新HTML：

<h2>Details</h2>
<h1 class="inline">Name:</h1> <h2 class="inline">John</h2>

新CSS：

h1 {
    color: gold;
    font-family: "Courier New";
    font-size: 100%;
}
h2 {
    font-family: "Courier New";
    font-size: 100%;
}

.inline {
  display:inline;
}

其他方法，例如简单地使用span标签也可以。

Answer 4

欢迎使用html / css！

因此，h1和h2元素将自动表现出某种方式，因为基本样式是默认的＆＃39;跟他们。在这种情况下，h1＆s和h2喜欢独立。即使您已将它们放在HTML中的同一行，但在浏览器加载后，它们也会做自己的事情。

以下是您可以应用以解决问题的样式示例：

h1,h2 {
  display: inline-block;
}

这告诉h1和h2元素彼此坐在同一条线上。也就是说，他们也会尝试与你试图保持自己的线路的h2元素坐在同一条线上。这可能是通过应用类来区分元素的好时机。

<h2>Details</h2>
<h1>Name:</h1>
<h2 class="subheading">John</h2>

然后，您的最终样式可能如下所示：

h1, .subheading {
display: inline-block;
}

出现新线但不应出现

4 个答案: