我正在嘗試在某個圖片旁邊的div工具欄中放置標題。問題在于我的文本放置不當，應該至少位于工具欄的頂部，而是位于底部并且不移動。 我希望它在左邊的垂直中間靠近圖片。在html中顯示為內嵌錯誤的文本

和畫面：

這里是標題欄的HTML部分：

Main

...

和風格：

#bar

{

width:100%;

height:50px;

padding-top:3px;

padding-left:10px;

border-bottom:2px solid white;

vertical-align:top;

}

#picturesmenu

{

margin:0;

padding:0;

display:inline;

}

#bar img

{

border:3px solid white;

width:40px;

margin:2px;

}

#titlemenu

{

margin:0;

padding-left:20px;

height:100%;

display:inline;

font-size:20pt;

font-weight:bold;

color:white;

}

#bar span

{

margin-left:20px;

margin-top:200px;

font-size:20pt;

font-weight:bold;

color:white;

}

我試過垂直對齊和保證金，但“主”文不動...提前

由于之前我改變任何東西到表;)

[編輯]

謝謝大家對你的答案！我沒有考慮處理內容對齊(#titlemenu)而不是容器(#bar)，它不是很合乎邏輯......

+3

集'的高度vertical-align：top;'to'＃titlemenu' - http://codepen.io/anon/pen/ejumq **和**你也可以使用'line-height：0.9;'來達到更好的頂端位置 - http ：//codepen.io/anon/pen/Gudfe –

2014-09-12 17:38:16

+0

負上限值？ –

2014-09-12 18:16:19

總結

以上是生活随笔為你收集整理的html中怎么显示错误信息,在html中显示为内嵌错误的文本的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。