亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在一行html中顯示2個段落

如何在一行html中顯示2個段落

一只甜甜圈 2023-10-30 20:02:14
我正在制作一個測試 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;

}


查看完整回答
反對 回復 2023-10-30
?
LEATH

TA貢獻1936條經驗 獲得超7個贊

你可以把它們放在spans 中:


<p>

     <span id="Likes">1 Likes</span>

     <span id="DisLikes">1 DisLikes</span>

</p>


查看完整回答
反對 回復 2023-10-30
?
九州編程

TA貢獻1785條經驗 獲得超4個贊

您還可以將此行代碼添加到 CSS 文件中,以定義您在 HTML 文件上執行的每個段落的行。

line-height:26px;
display: inline-block;

我確信這對你的 CSS 類有用,祝你的項目好運。


查看完整回答
反對 回復 2023-10-30
?
BIG陽

TA貢獻1859條經驗 獲得超6個贊

使用<span>而不是<p>.?默認情況下<p>是一個段落并占據屏幕的整個寬度?


查看完整回答
反對 回復 2023-10-30
  • 4 回答
  • 0 關注
  • 205 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號