佳礼资讯网

 找回密码
 注册

ADVERTISEMENT

查看: 1239|回复: 9

我是新手,请问要怎样弄到center去而字体又不会跟着center

[复制链接]
发表于 3-12-2015 02:50 PM | 显示全部楼层 |阅读模式
本帖最后由 chew2293 于 3-12-2015 02:52 PM 编辑

这是html的保存的,你们可以测试,我只是想学习学习,我是新手
https://drive.google.com/file/d/ ... nc/view?usp=sharing
1.这是修图的,我是想要弄到这样的,就是column在中间,然后字体就在column的旁边。如图
3.png 这是原装的,全部只靠左边。

1.png
这是我加了center的带把,可是连字体也跟着中间,要如何弄到像上班第一张图这样的??
2.png
注明:我知道还有个方法可以,就是按空格调整,可是这个很男调到很准确。



回复

使用道具 举报


ADVERTISEMENT

发表于 4-12-2015 01:25 PM | 显示全部楼层
#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
   text-align: left;
}
回复

使用道具 举报

 楼主| 发表于 4-12-2015 06:08 PM | 显示全部楼层
路過人甲 发表于 4-12-2015 01:25 PM
#contactus .container
{
   margin-top:8px;

erm...这个效果出来不是我想要的。。。
我想问,要怎样将一个网站轻松的edit排位,不需要在css或代码里做调整,
就好象类似画画这样,比如说这个排位不美,我就用mouse拉到去其他地方,
比如说这个column不够大,我就只是用mouse拉大拉小,不需要手动css或代码里修改。

平时我是copy全部代码到online html editor那边测试的,
不过那个只是根据代码显示出来,可是代码还有链接其他地方的,就显示不完整了。



回复

使用道具 举报

发表于 21-12-2015 03:07 PM | 显示全部楼层
#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
   margin-left:30%;
   text-align:left
}
回复

使用道具 举报

发表于 21-12-2015 05:29 PM | 显示全部楼层
要簡單的html的話,就nested table咯

sample
  1.     <table width="600px">
  2.         <tr>
  3.             <td align="center">
  4.                 <table>
  5.                     <tr>
  6.                         <td>
  7.                             Name
  8.                         </td>
  9.                     </tr>
  10.                     <tr>
  11.                         <td>
  12.                             <input />
  13.                         </td>
  14.                     </tr>
  15.                     <tr>
  16.                         <td>
  17.                             IC
  18.                         </td>
  19.                     </tr>
  20.                     <tr>
  21.                         <td>
  22.                             <input />
  23.                         </td>
  24.                     </tr>
  25.                     <tr>
  26.                         <td>
  27.                             <button>
  28.                                 Submit
  29.                             </button>
  30.                         </td>
  31.                     </tr>
  32.                 </table>
  33.             </td>
  34.         </tr>
  35.     </table>
复制代码


回复

使用道具 举报

发表于 23-12-2015 03:35 PM | 显示全部楼层
这个简单。。。开多个div就可以了~
回复

使用道具 举报

Follow Us
发表于 24-12-2015 09:00 PM | 显示全部楼层
chew2293 发表于 4-12-2015 06:08 PM
erm...这个效果出来不是我想要的。。。
我想问,要怎样将一个网站轻松的edit排位,不需要在css或代码里 ...

要简单可以用 WYSIWYG editor 如 Dreamweaver 或则免费的 Microsoft Expression Web.
回复

使用道具 举报

发表于 5-1-2016 06:31 PM | 显示全部楼层
#contactus .container
{
   text-align:left;
   margin:8px auto 10px auto;
  width:50%;
}

回复

使用道具 举报


ADVERTISEMENT

发表于 6-1-2016 02:38 PM | 显示全部楼层
樓上那個可以解決lz的問題喔
回复

使用道具 举报

发表于 21-1-2016 06:34 PM | 显示全部楼层
开一个div不就好了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

 

ADVERTISEMENT



ADVERTISEMENT



ADVERTISEMENT

ADVERTISEMENT


版权所有 © 1996-2023 Cari Internet Sdn Bhd (483575-W)|IPSERVERONE 提供云主机|广告刊登|关于我们|私隐权|免控|投诉|联络|脸书|佳礼资讯网

GMT+8, 30-7-2025 06:13 AM , Processed in 0.132593 second(s), 31 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表