我試圖弄清楚如何為標題型別片段創建影像和文本之間的間距，并且沒有提出任何需要的東西。（不確定它是否是一個片段重要 - 我充其量只是一個 html 新手）
我想要的是在最左側顯示影像/錨點，在中間顯示標題文本。下面的當前代碼具有我想要的影像，但是文本緊隨其后，我明白了原因，因為沒有屬性說明如何處理該文本，因此看到我不確定該怎么做那。
我嘗試使用 hspace 并將影像與文本一起拉到右側。加上我參考的其他例子并沒有說明我想要做什么。
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<body>
<header th:fragment="header">
<br/>
<h1> <img th:src="@{/images/my_logo.png}">My Header Text</h1>
</header>
</body>
</html> ```
Any suggestion is greatly appreciated.
Thank you.
uj5u.com熱心網友回復：
只需將 amargin-right應用于影像：
h1>img {
margin-right: 40px;
vertical-align: middle;
}<h1> <img src="https://picsum.photos/id/1/200/300">My Header Text</h1>注意：我vertical-align: middle;在此處添加以使文本與影像垂直居中對齊。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/505840.html
下一篇：發送到子組件時反應未定義的屬性