2 lyj707107312 lyj707107312 于 2017.09.01 16:52 提问

h5 td中的a标签如何居中显示??????????????
h5

h5 td中的a标签如何居中显示??????????????

5个回答

code68
code68   2017.09.01 16:53
已采纳

margin-left:50%;

lyj707107312
lyj707107312 我的td是屏幕宽度,其中包含3个a标签,a标签是100px。margin-left:50%是a标签左边居中了
3 个月之前 回复
code68
code68   2017.09.01 16:53

a标签外层加一个DIV 然后DIV 设置 样式 text-align:center; 也可以

lyj707107312
lyj707107312 我试了,这样子不行啊,没效果
3 个月之前 回复
playboyanta123
playboyanta123   2017.09.01 17:23

直接给td加一个样式test-align:center;难道不可以吗?你说的是垂直居中吗?垂直的话就给td加vertical-align:middle;
提问题要说清楚,不要太业余!

lyj707107312
lyj707107312 回复show_code: 多谢,问题已解决
3 个月之前 回复
playboyanta123
playboyanta123 回复lyj707107312: 那你把代码贴出来啊,不可能没用的,以后提问记住贴代码
3 个月之前 回复
lyj707107312
lyj707107312 不好意思,我是新手,才刚学两个星期,以上你说的这些样式,我都试过,没有用。。。
3 个月之前 回复
MikeDDT009
MikeDDT009   2017.09.01 19:09

text-align:center在3个标签的父元素(你这里是td),设置这个样式就可以了。那么这里主要问题是在于以下问题:

你确定你的td标签占的位置是整个一行么? td作为一个行内元素,并不会独占一行!想要对其进行设定宽高(width宽和height高的设置),就需要把它的display属性设置为block或者inline-block,前者会换行,后者不换行只是能够设置大小
,这里你需要浏览器F12查看元素,看你的td标签的宽度是不是和你3个标签的宽度和差不多,如果是,那么上述设置无效就很正常了。这里的问题主要在于盒子模型+块级元素和行内元素的区别。不信你可以随意用一个
块级元素(

lyj707107312
lyj707107312 多谢,问题已解决
3 个月之前 回复
MikeDDT009
MikeDDT009   2017.09.01 19:18

另外一个可以对td设置display:inline-block,width 自写宽度,text-align:center,这种的效果就是这样

图片说明

Csdn user default icon
上传中...
上传图片
插入图片