小灶：html

来源: 移花接木 于 2024-11-10 15:23:55 [] [博客] [旧帖] [给我悄悄话] 阅读数 : (20760 bytes)
本帖于 2024-11-10 15:27:15 时间, 由版主 移花接木 编辑
回答: 小灶，结果 由 移花接木 于 2024-11-10 15:16:48
  • 给table 增加了一个margin-left 参数,见绿圈内，因为文学城页面宽度限制，所以你的table必须偏左一些，
  • 把table宽度增加到980，因为外链图片会被压缩到960, 这样两侧留边，你以前宽度是960图片不留边
  • 你可根据不同图片尺寸，随意调整cellpadding(左右位置), cellspacing（图片间距）,等参数

 

 

<table bgcolor="#7A7777" border="1" cellpadding="10" cellspacing="6" style="margin-left:-18px;" width="980">
    <tbody>
        <tr>
            <td><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="text-align: center;"><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="text-align: center;"><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="text-align: center;"><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="text-align: center;"><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div><span style="font-size:24px"><span style="color:#FFFFFF">the United States Air Force Band</span></span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div><span style="color:#FFFFFF">&nbsp;</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF">&nbsp;</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF"><span style="color:#FFFFFF">*&nbsp; *&nbsp; *&nbsp; &nbsp; &nbsp; &nbsp;</span><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">*&nbsp; *&nbsp; *&nbsp;</span>&nbsp; &nbsp; &nbsp; &nbsp;<span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">*&nbsp; *&nbsp; *&nbsp;</span></span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF">&nbsp;</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF">&nbsp;</span></div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF"><span style="background-color:rgb(122, 119, 119); text-align:center">1</span></span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><img border="0" src="https://live.staticflickr.com/65535/54127887677_08de15caf1_b.jpg " /></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF">2</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <p><img border="0" src="https://live.staticflickr.com/65535/54129072544_daf2c34db8_b.jpg " /></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">3</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><img border="0" src=" https://live.staticflickr.com/65535/54129074004_105d04d44a_b.jpg " /></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><span style="color:#FFFFFF">4</span></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><img border="0" src=" https://live.staticflickr.com/65535/54129182500_fa2045df1c_b.jpg " /></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">5</span></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><img border="0" src=" https://live.staticflickr.com/65535/54128727386_5257183187_b.jpg " /></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><span style="color:#FFFFFF">谢谢观赏,欢迎点评！</span></p>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
    </tbody>
</table>

<p>&nbsp;</p>

   
       
           
       
   

 

 

 

 

 

所有跟帖： 

• 谢谢！等我到电脑上研究下～ -苏家小灶- ♀ 给 苏家小灶 发送悄悄话 苏家小灶 的博客首页 (0 bytes) () 11/10/2024 postreply 17:35:13

• 不用研究，完全还是你的代码，我加了几个参数，直接拷贝 -移花接木- ♂ 给 移花接木 发送悄悄话 移花接木 的博客首页 (0 bytes) () 11/11/2024 postreply 04:18:56

• 好嘞，谢谢 -苏家小灶- ♀ 给 苏家小灶 发送悄悄话 苏家小灶 的博客首页 (0 bytes) () 11/11/2024 postreply 10:24:10

请您先登陆，再发跟帖！