Css 如何将此文本置于电子邮件模板中表格行的中心
我试图将这个lorem ipsum文本放在一个表格行的中心,但由于某种原因,上面的图像——即使它们在单独的tr中——似乎会影响这一点。只有在我删除它们之后,文本才会居中。。。如何防止它们影响下面的文本位置 代码如下:Css 如何将此文本置于电子邮件模板中表格行的中心,css,html-table,html-email,Css,Html Table,Html Email,我试图将这个lorem ipsum文本放在一个表格行的中心,但由于某种原因,上面的图像——即使它们在单独的tr中——似乎会影响这一点。只有在我删除它们之后,文本才会居中。。。如何防止它们影响下面的文本位置 代码如下: @导入url('https://fonts.googleapis.com/css?family=Open+Sans'); * { 字体系列:“开放式Sans”,无衬线; } .正文{ /*左侧填充:130像素*/ 填充底部:45px; 保证金:0自动; } #主要{ 背景:浅蓝色
@导入url('https://fonts.googleapis.com/css?family=Open+Sans');
* {
字体系列:“开放式Sans”,无衬线;
}
.正文{
/*左侧填充:130像素*/
填充底部:45px;
保证金:0自动;
}
#主要{
背景:浅蓝色;
背景位置:中心;
背景尺寸:封面;
背景重复:无重复;
左边距:自动;
右边距:自动;
宽度:620px;
}
桌子{
字体系列:无衬线;
}
.img左{
填充:20px 20px 80px 40px;
}
.img对{
宽度:85px;
浮动:对;
填充:15px 30px;
位置:相对位置;
右:-10px;
}
Lorem,ipsum Door sit amet Concertetur Adipising elit。纳塔斯,圣维南?小尼莫配给。这句话的意思是:“不,我不知道,我的别名是什么。”
您的内部表格只有包装表格单元格的宽度,因此右侧有一个空格。将colspan=“2”
添加到包装td
,它应该像下面的代码片段一样居中
@导入url('https://fonts.googleapis.com/css?family=Open+Sans');
* {
字体系列:“开放式Sans”,无衬线;
}
.正文{
/*左侧填充:130像素*/
填充底部:45px;
保证金:0自动;
}
#主要{
背景:浅蓝色;
背景位置:中心;
背景尺寸:封面;
背景重复:无重复;
左边距:自动;
右边距:自动;
宽度:620px;
}
桌子{
字体系列:无衬线;
}
.img左{
填充:20px 20px 80px 40px;
}
.img对{
宽度:85px;
浮动:对;
填充:15px 30px;
位置:相对位置;
右:-10px;
}
Lorem,ipsum Door sit amet Concertetur Adipising elit。纳塔斯,圣维南?小尼莫配给。这句话的意思是:“不,我不知道,我的别名是什么。”
没问题:)仅供参考,还有一个rowspan
属性,它对行执行相同的操作,以备需要:)