小编Dav*_*651的帖子

打破表格单元格内不带空格的长文本

我想像这里一样对齐此文本,但如果我运行此代码,我的较长文本在一行中,文本“我的信息在两行中。如何与宽度有限的更多行对齐?

<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>
Run Code Online (Sandbox Code Playgroud)

html css html-table text-align line

3
推荐指数
1
解决办法
2732
查看次数

标签 统计

css ×1

html ×1

html-table ×1

line ×1

text-align ×1