我正在制作一個測試 html 網頁,我需要將 2 個段落放在一行中,因為我有一個用于這兩個段落的腳本,但我不能將其僅放入一行(抱歉我的英語不好)完整的 html 代碼在這里:https: //pastebin.com/gZmLXxPR,腳本: https: //pastebin.com/wc01gjUy,css樣式:https://pastebin.com/d7d3AJFNvar counter = 1;function upvote() { counter = counter + 1; document.getElementById("Likes") .innerHTML = counter + " Likes";}<h1>PANDA</h1><img id="imagen1" src="img/panda.jpg"><p color="blue" id="texto"><em>LIKE SI ES MONO</em></p><div id="section"> <td> <p id="Likes">1 Likes</p> <p id="DisLikes">1 DisLikes</p> </td></div><img id="upvote" src="img/like.png" hspace="20" vspace="10" onclick="upvote()"><img id="downvote" src="img/dislike.png" hspace="20" vspace="10" onclick="downvote()">好的,段落代碼是:<div id="section"><td> <p id="Likes">1 Likes</p> <p id="DisLikes">1 DisLikes</p></td></div> 所以我只需要把它放在一行中
4 回答

慕運維8079593
TA貢獻1876條經驗 獲得超5個贊
請務必檢查您的 HTML 元素;你永遠不應該以<td>你正在使用它們的方式來使用它們。<td>用于<table>元素中。您的代碼應該如下所示:
超文本標記語言
<div id="section">
<p class="inline" id="Likes">1 Likes</p>
<p class="inline" id="DisLikes">1 DisLikes</p>
</div>
CSS
.inline {
display: inline-block;
}

LEATH
TA貢獻1936條經驗 獲得超7個贊
你可以把它們放在spans 中:
<p>
<span id="Likes">1 Likes</span>
<span id="DisLikes">1 DisLikes</span>
</p>

九州編程
TA貢獻1785條經驗 獲得超4個贊
您還可以將此行代碼添加到 CSS 文件中,以定義您在 HTML 文件上執行的每個段落的行。
line-height:26px; display: inline-block;
我確信這對你的 CSS 類有用,祝你的項目好運。
- 4 回答
- 0 關注
- 205 瀏覽
添加回答
舉報
0/150
提交
取消