我需要在左側放置 2 行文本，即“API 名稱”和“資源名稱”，并在右側放置另外 2 行文本，即“服務名稱”和“狀態”。
像這樣
然而，結果并不是我想要的。這是我的結果：
我的代碼：
const ViewHeader = (props: ViewHeaderProps) => {
const {apiName, resourceName, serviceName, apiStatus, desc, rpcName, verb, uri} = props;
return (
<div className="view-api-header">
<span>
<div>{apiName}</div>
<div>{serviceName}</div>
</span>
<span>
<div>{resourceName}</div>
<div>{apiStatus}</div>
</span>
<div>
<span>{apiName}</span>
<span>{serviceName}</span>
</div>
<div>
<span>{resourceName}</span>
<span>{apiStatus}</span>
</div>
</div>
);
};
我是 html 新手并做出反應，無論如何要正確格式化 4 個元素嗎？
uj5u.com熱心網友回復：
我想HTML代碼應該是這樣的
<div style="clear: both">
<div style="float: left">{apiName}</div>
<div style="float: right">{serviceName}</div>
</div>
<div style="clear: both">
<div style="float: left">{resourceName}</div>
<div style="float: right">{apiStatus}</divstyle>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/519365.html
標籤：htmlcss反应