Question

我尝试过white-space：nowrap（在css中），我也试过了align =＆＃34; center＆＃34;像这样：require(bnlearn) vname <- c('Winter', 'Sprinkler', 'Rain', 'Wet_Grass', 'Slippery_Road') e <- empty.graph(vname) arc.set <- matrix(c('Winter', 'Winter', 'Sprinkler', 'Rain', 'Rain', 'Sprinkler', 'Rain', 'Wet_Grass', 'Wet_Grass', 'Slippery_Road'), ncol = 2, dimnames = list(NULL, c('from', 'to'))) arcs(e) <- arc.set # Winter cptW <- matrix(c(0.6, 0.4), ncol = 2, dimnames = list(NULL, c('true', 'false'))) cptW # Sprinkler cptS <- c(0.2, 0.75, 0.8, 0.25) dim(cptS) <- c(2, 2) dimnames(cptS) <- list('Sprinkler' = c('true', 'false'), 'Winter' = c('true', 'false')) cptS # Rain cptR <- c(0.8, 0.1, 0.2, 0.9) dim(cptR) <- c(2, 2) dimnames(cptR) <- list('Rain' = c('true', 'false'), 'Winter' = c('true', 'false')) cptR # Wet Grass cptG <- c(0.95, 0.9, 0.05, 0.1, 0.8, 0, 0.02, 1) dim(cptG) <- c(2, 2, 2) dimnames(cptG) <- list('Wet_Grass' = c('true', 'false'), 'Rain' = c('true', 'false'), 'Sprinkler' = c('true', 'false')) cptG # Slippery Road cptSR <- c(0.7, 0, 0.3, 1) dim(cptSR) <- c(2, 2) dimnames(cptSR) <- list('Slippery_Road' = c('true', 'false'), 'Rain' = c('true', 'false')) cptSR dfit <- custom.fit(e, dist = list(Winter = cptW, Sprinkler = cptS, Rain = cptR, Wet_Grass = cptG, Slippery_Road = cptSR)) # Calculating probabilities cpquery(dfit, event = (Slippery_Road == 'false'), evidence = (Winter == 'true'))但没什么。这是我的HTML： `

<label align="center">title</label>

这就是我对css的看法：

 <header>
  <img src="Images/logo.png" width="200" heigth="20" alt="Muxa Logo">                
  <label>Generar Pedido de Materia Prima</label>     
 </header>

所以这就是它的样子，我只想要中间的标题（＆＃34; Generar Pedido de Materia Prima＆＃34;）

另外，如果你能告诉我它是如何把徽标放好的？或者它可能存在徽标的类型或特殊标签？

由于

Answer 1

label标签定义输入元素的标签。所以请改用p。

如果您不介意使用弹性盒，这将解决您的问题。

header {
  font-size: 250%;
  background: #beb8a4;
  width: 100vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
header img {
  width: 200px;
  margin-left: 20px;
  margin-top: 10px;
}
p {
  position: relative;
  width: calc(100% - 200px);
  float: right;
  text-align: center;
}

<header>
  <img src="Images/logo.png" width="200" heigth="20" alt="Muxa Logo">
  <p>Generar Pedido de Materia Prima</p>
</header>

Answer 2

试试这个： -

＆＃13;

font-size: 70%;
background: #beb8a4;

}
label {
  display: block;
  text-align: center;
  padding-top: 2px;
  /*This needs to be modified to fit */
}
header img {
  width: 200px;
  margin-left: 20px;
  margin-top: 10px;
}

＆＃13;

<header>
  <img src="Images/logo.png" width="200" heigth="20" alt="Muxa Logo">
  <label>Generar Pedido de Materia Prima</label>
</header>

＆＃13;

https://jsfiddle.net/r08L0m02/

Answer 3

label是一个内联元素，它需要在其父节点上进行文本对齐，如果你想让图像保持在左侧并且只将文本居中，这是许多解决方案之一。也建议使用p标签而不是标签，因为标签标签通常与表格一起使用

header{
font-size: 2.5em;
background: #beb8a4;
text-align:center;
overflow:hidden;
}

header img{
float:left;
width: 200px;
height:120px;
margin:20px;
}  
header label{
  vertical-align:middle;
  line-height:140px;
  margin-top:25px;
}

<header>
  <img src="Images/logo.png" width="200" heigth="20" alt="Muxa Logo">                
  <label>Generar Pedido de Materia Prima</label>     
 </header>

https://jsfiddle.net/9vt2g535/

Answer 4

设置保证金不是一个接近我的好方法。好不一样根据尺寸对每个屏幕产生影响。

并且

其次，在品牌名称或徽标中使用图像（普通字体的单词）家庭）当你可以使用CSS编写和样式它是不好的 idea.Write徽标或品牌名称，尝试造型这是很容易的风格很容易。

这是一个让你的工作完成的想法。你应该使用

<div id="toMakeInline">
    <div>Your picture or title here with all applied styles like font family
          and font size etc
     </div>
     <div><!--Here that label you want to show--></div>
</div>

现在设置div以使其符合

#toMakeInline{
       display:inline;
}

这将完美地适用于你的想法。我正在使用id来定位特定的div而不是所有的。你可以只拿其中两个用于标题，一个用于标语，然后给它们calss并使它们显示为内联。

    <div class="toMakeInline">Your picture or title here with all applied styles like font family
          and font size etc
     </div>
     <div class="toMakeInline"><!--Here that label you want to show--></div>

     #toMakeInline{
        display:inline;
      }

如何对齐标题内部的标签

4 个答案: