第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

打破表格單元格內(nèi)不帶空格的長文本

打破表格單元格內(nèi)不帶空格的長文本

呼喚遠(yuǎn)方 2024-01-11 17:08:47
我想像這里一樣對齊此文本，但如果我運(yùn)行此代碼，我的較長文本在一行中，文本“我的信息在兩行中。如何與寬度有限的更多行對齊？<html><head><style>.div_name p{    position: fixed;    display:inline;}.div_city p{    display:inline;}.div_info p{    display:inline;}  div.all_info {  position: absolute;  right: 30%;  width: 200px;  height: 100px;  //border: 3px solid blue;} </style></head><body><div class="all_info" align = "right"> <table><tr><td align="right" width150px><div class="div_name:">Your name: </td> <td align="left" width=200px><p id="myname">David</p></td></div></tr>  <tr><td align="right" width=150px><div class="div_city:">Your city: </td> <td align="left" width=200px><p id="mycity">Prageu</p></td></div></tr><tr><td align="right" width=250px><div class="div_info:">Your Informations: </td> <td align="left" width=200px><p id="myinfo">myinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfo</p></td></div></tr></table>    </div></body></html>
查看完整描述

2 回答

?
叮當(dāng)貓咪

TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個贊

word-break:break-all秘密是在每個細(xì)胞上使用<td>。

或者，您可以使用overflow-wrap但行為類似。

注意：與 word-break 相比，overflow-wrap 僅在整個單詞無法在不溢出的情況下放置在自己的行上時才會創(chuàng)建中斷。

table{

? width: 400px;

? border: 1px dashed salmon;

}


table td{?

? vertical-align: top;?

? padding: 5px;

? word-break: break-all;? /* MUST ADD THIS */

}


table td:nth-child(1){

? text-align: right;

? width: 140px;

}

<table>

? <tr>

? ? <td>Your name:?

? ? <td>David

? </tr>

? <tr>

? ? <td>Your city:?

? ? <td>Prageu

? </tr>

? <tr>

? ? <td>Your Informations:?

? ? <td>myinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfo

? </tr>

</table>

我已經(jīng)清理了您的 HTML 標(biāo)記，無需在表格單元格內(nèi)進(jìn)行換行div和標(biāo)記。p



查看完整回答
反對 回復(fù) 2024-01-11
?
浮云間

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超4個贊

<head>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>

 </head>


<body>


  <div class="row"> 

  <div class="col-6">

      Space for other element or leave it blank

  </div>

    <div class="col-3 text-right pr-0">

        <p>Your Name:</p>

        <p>Your City:</p>

        <p>Your Informations:</p>

    </div>

      <div class="col-2 text-left pl-2">

        <p>XYZ</p>

        <p>XYZ City</p>

        <p>myinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfo</p>

      </div>

 </div>

p{

  overflow-wrap: break-word;

  margin: 0 !important;

}


查看完整回答
反對 回復(fù) 2024-01-11
  • 2 回答
  • 0 關(guān)注
  • 153 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號