这段html代码如何在表格中居中

yiyo8343 · 发表于 2008-9-21 23:39:41

论坛采取了调用论坛附件图片展示最新专辑更新的JS代码，如下：

<div style="float: left;margin-right: 18px!important;margin-right: 20px; margin-bottom: 20px; ">{image}</div>

复制代码

添加后，不知道如何才能使这段代码里面的图片内容再表格里面居中，现在左右边距很明显。

希特勒1938 · 发表于 2008-9-22 00:08:14

css 不要老用:

margin

yiyo8343 · 发表于 2008-9-22 00:10:30

原帖由 希特勒1938 于 2008-9-22 00:08 发表
css 不要老用:

margin

麻烦帮我写一个可以居中的HITML代码好吗对CSS一窍不通，这还是朋友给我的谢谢！

漂移的青春 · 发表于 2008-9-22 00:37:29

<body>
<center>
内容
</center>
</body>

这样就可以了

yiyo8343 · 发表于 2008-9-22 00:59:48

原帖由 漂移的青春 于 2008-9-22 00:37 发表

内容

这样就可以了

这样不行图片显示变成一列显示，达不到一楼图片的那种效果啊

南芝恋 · 发表于 2008-9-22 09:19:36

采用float方式的时候不能使用text-align进行居中
建议使用display:inline-block;

猎艳狼娃 · 发表于 2008-9-22 09:23:33

原帖由 yiyo8343 于 2008-9-22 00:59 发表

这样不行图片显示变成一列显示，达不到一楼图片的那种效果啊

那就要在加上 <p> </p> :)

yiyo8343 · 发表于 2008-9-22 19:17:14

原帖由 南芝恋 于 2008-9-22 09:19 发表
采用float方式的时候不能使用text-align进行居中
建议使用display:inline-block;

请问这段代码具体要如何写。对CSS一窍不通，上面那段代码还是朋友给的，他说那段效果只能达到1楼的效果，无法居中，谢谢！

[ 本帖最后由 yiyo8343 于 2008-9-22 19:21 编辑 ]

yiyo8343 · 发表于 2008-9-22 22:04:07

采用float方式的时候不能使用text-align进行居中
建议使用display:inline-block;

朋友说Ie對這個支持不好，要用到hack

最后使得FF 和IE支持都好的方法分享出来给大家作为参考：
方法：
JS 调用模板:

复制代码

然后再广告代码添加一个代码：

<div class="imglist"><script language="JavaScript" src="http://bbs.djszone.cn/api/javascript.php?key=images_Albumpic">(这里就是JS的调用代码)</script></div>

复制代码

通过上面的设置图片已正确对齐表格了：

yfbbs · 发表于 2008-9-22 22:51:03

看来以后我好好学代码了！

		自动登录	找回密码
密码			立即注册