在html中的T​​able之前应用空格字符

时间:2015-03-14 06:08:18

标签: html css

我有一个包含两行和一列的表,它被P标记包围。在P之后我插入了一些“”用于从行的开头向表格应用一些空格,但是这个空格不适用于表格,而且表格是从行的开头显示的

table {float: left; background: green;}
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  
  <strong>
    <span style="font-family:b titr">
      <table>
        <tr>
          <td>
            <textarea id='MainSign' name='MainSign' style='background-color:transparent; width:   150px; height: 150px; border: none'></textarea>
          </td>
        </tr>
        <tr>
          <td>
            <br />شیطون<br />مدیریت کل  
          </td>
        </tr>
      </table>
    </span> 
  </strong>
</p>

3 个答案:

答案 0 :(得分:1)

&LT;表&gt; tag在使用时创建换行符。所以你的所有空间都创建在表格之上。
最好的方法是使用内联css代码。

<table style="margin-left: 2cm;">

无需在&lt; p&gt;范围内制作表格标签

答案 1 :(得分:0)

我猜你想让你的桌子远离左边框。您可以使用CSS轻松完成此操作。没有添加&nbsp;

检查这个小提琴Fiddle 我将背景颜色更改为红色以便于理解。然后我给了桌子的id。作为id='MainSign'与css然后更改了margin-left

#mainTable{
    margin-left:100px;
}

您可以使用任何值而不是100px;

答案 2 :(得分:0)

Table无法进入paragraphparagraph开始时table已关闭。

使用float按段落中的空格缩进表格。您也可以删除spanstrong,它们为空并在table开始时关闭。

p {float: left; background: red; margin: 0;}
table {float: left; background: green;}

http://jsfiddle.net/5439pj0p/

注意:

浏览器从您的代码中呈现的HTML是:

<p>
    <strong>
        <span></span>
    </strong>
</p>

<table>...</table>
<strong></strong>
<p></p>

这是一个小提琴,你可以看到有两个strong元素(黄色,大小为10x10像素)。

http://jsfiddle.net/5439pj0p/1/