开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >包含100%宽度图像的固定宽度表格-缺少右侧边框

问包含100%宽度图像的固定宽度表格-缺少右侧边框
EN

Stack Overflow用户

提问于 2014-03-24 20:09:42

回答 1查看 225关注 0票数 0

我正在创建一个响应式的HTML电子邮件。在较大的视口中，我的表格宽度固定为600px。表格内部是100%宽度的图片，边框为1px。在某些电子邮件客户端中，未显示右侧边框。我猜这是因为100%的宽度，加上2px超过600px？我该如何克服这个问题？

我的图片有display:block (如果你感兴趣的话)。我尝试过框大小调整:边框大小调整，但似乎不起作用……我是将此样式添加到图像或表中，还是两者都添加，在何处将其添加到代码中？

谢谢你的帮助

标记

EN

回答 1

Stack Overflow用户

发布于 2014-03-24 20:17:44

我自己还没试过，但其中一个应该对你有效。这是一种流畅的技术，可以(希望)在任何大小的视口上的任何电子邮件客户端中工作：

<!-- Simple - but will have the image area set as the border color (black) when image is not loaded -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100%" bgcolor="#000000" style="padding:1px;">
      <img alt="" src="http://placehold.it/350x350" width="100%" style="margin: 0; border: 0; padding: 0; display: block;">
    </td>
  </tr>
</table>

<br><br>

<!-- Setting a background color in a nested table to hide border color -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100%" bgcolor="#000000" style="padding:1px;">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td>
            <img alt="" src="http://placehold.it/350x350" width="100%" style="margin: 0; border: 0; padding: 0; display: block;">
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22619598

复制

相关文章

Android网格视图(GridView)

GridView的一些属性： 1.android:numColumns=”auto_fit” //GridView的列数设置为自动，也可以设置成2、3、4…… 2.android:columnWidth=”90dp " //每列的宽度，也就是Item的宽度 3.android:stretchMode=”columnWidth"//缩放与列宽大小同步 4.android:verticalSpacing=”10dp” //两行之间的边距 5.android:horizontal

欢醉

2018/01/22

1.6K0

Android网格视图(GridView)

Echarts隐藏背景的网格线

网格线未处理之前，默认是这样的，这个背景的网格线，我们现在如果不需要，就去掉吧。 Echarts隐藏背景的网格线属性 yAxis: { splitLine: {show: false}, }, 示例代

王小婷

2021/04/09

1.6K0

Echarts隐藏背景的网格线

模型选择–网格搜索

kernel https java 网络安全

首先使用训练数据训练模型，然后使用交叉验证数据挑选最佳模型，最后使用测试数据测试模型是否完好。

全栈程序员站长

2022/09/27

6130

删除 WordPress 导航菜单的多余 CSS 选择器（id或class）

wordpress html php

在默认情况下，WordPress 的导航菜单会输出很多如menu-item、menu-item-type-taxonomy、menu-item-object-category等加上 id 组成的CSS 选择器，无疑，对于一些人来说，这些选择器导致整个html 格式变得难看，看着碍眼的东西最好是将它去掉，之前Jeff 也曾有过一篇类似的文章《删除 WordPress 导航菜单的多余 CSS 选择器》，今天则介绍个通过添加过滤器来删除 WordPress 导航菜单的多余 CSS 选择器（id或class）的新方

Jeff

2018/01/19

1.6K0

删除 WordPress 导航菜单的多余 CSS 选择器（id或class）

SwiftUI：视图的显示和隐藏动画

SwiftUI最强大的功能之一是能够自定义视图的显示和隐藏方式。以前，您已经了解了如何使用常规if条件有条件地包含视图，这意味着当条件更改时，我们可以从视图层次结构中插入或移除视图。

韦弦zhy

2020/04/16

4.6K0

Emlog文章隐藏内容登陆后可见

hide replace view 登录后台

其次将模板echo_log.php中log_content修改成login_to_view(log_content);即可，最后就是后台了。

用户8099761

2023/05/10

4640

Emlog文章隐藏内容登陆后可见

php html hide 登录后台

这个功能在群里面看到有用户需求，然后也忘记是谁需要的了，就先发到论坛给所有的Emer吧。首先在模板module.php中增加已下代码：

用户8099761

2023/05/10

4600

jQuery 隐藏具有指定class属性值的元素

代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>前端</title> <style> .antzone{ width:200px; height:100px; background:#ccc; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(func

IT工作者

2022/02/17

5K0

如何隐藏tableHeaderView或tableFooterView

在项目中，因为同一页面结构体不同，头部是相同的结构，用了两个不同的tableView，头部是统一的view，但是发现tableView.tableHeaderView=_headerView只赋值一次，不支持来回赋值，打印出 NSLog(@"%@",_headerView.superview)仍然是上一个tableview视图。

honey缘木鱼

2019/11/04

1.1K0

ASP.NET Core 5.0 MVC中的视图分类及使用——布局视图、启动视图、导入视图、详细视图、分部视图

mvc asp core 布局数据

我们可以在这个页面，添加一些全局性的内容，比如全局变量等，然后在具体View页面使用这些变量值

明志德道

2023/10/21

4040

ASP.NET Core 5.0 MVC中的视图分类及使用——布局视图、启动视图、导入视图、详细视图、分部视图

右键添加隐藏或显示系统隐藏文件

shell windows exe 搜索系统

我不喜欢长期显示着隐藏文件，这样看着目录结构比较乱，所以平时用的时候都是隐藏，而有的时候需要看一些隐藏的目录里面的内容，又需要显示出来，这样操作比较麻烦，所以在右键添加上显示/隐藏系统隐藏文件功能，可以快速在某个目录下切换显示隐藏文件的状态，不必到资源管理器的菜单中再花几个步骤去调整了。在网上搜索了一些方法，下面是最靠谱的，只不过他是显示隐藏文件拓展名，我稍微修改了一下，成了显示和隐藏系统隐藏文件功能。

我与梦想有个约会

2023/10/21

4580

右键添加隐藏或显示系统隐藏文件

ASP.NET MVC编程——视图

1Razon语法使用@符号后接C#或VB.NET语句的方式。基本规则 1）变量 @后直接变量即可 2）代码块为使用表达式或多行代码，@后跟大括号将多行代码包括在大括号中 3）“+” 对于加号连接的两个字符串变量或属性，使用小括号将他们括起来 4）插入HTML或文字每一行前面加上“@：” 5）使用注释使用@*和*@将要注释的部分包起来 6）用@@在页面上显示@ @using 在一个View中引入此页所需程序集的命名空间。还可以在web.config中配置命名空间，不过将对所有的View起作用。 <

甜橙很酸

2018/03/30

3.1K0

ASP.NET Core MVC 视图

javascript node.js 渲染 html asp.net

布局用于提供各个页面所需的公共部分，如：菜单、页头、页尾等。在ASP.NET Core中默认的布局文件是位于/Views/Shared文件夹下的_Layout.cshtml文件：

雪飞鸿

2019/05/19

2.2K0

ASP.Net MVC视图间的跳转

数据库 sql https java 网络安全

1：同一控制器间视图跳转发现一个贼坑的地方，比如添加Home控制器，然后在views的home文件夹里添加Index视图和Second视图，在Index视图里想要通过超链接跳转到Second视图，需要这样写：

全栈程序员站长

2022/09/15

1.6K0

ASP.Net MVC视图间的跳转

小知识科普：随处可见的短ID和短网址

早上收到快递小哥的短信说快递被放在了A地的丰巢快递柜，然鹅这个快递柜我并不知道在哪里。

帅地

2019/11/22

1.7K0

小知识科普：随处可见的短ID和短网址

input：文件选择和隐藏

html form input 程序

新建 html 文件 17-inputFile.html，编写下方程序，运行看看效果吧

鹤川

2023/03/21

1.4K0

ASP.NET MVC 5 - 视图

asp.net mvc html

在本节中，你要去修改HelloWorldController类，使用视图模板文件，在干净利索地封装的过程中：客户端浏览器生成HTML。您将创建一个视图模板文件，其中使用了ASP.NET MVC 3所引入的Razor视图引擎（Razor view engine）。Razor视图模板文件使用.cshtml文件扩展名，并提供了一个优雅的方式来使用C＃语言创建所要输出的HTML。用Razor编写一个视图模板文件时，将所需的字符和键盘敲击数量降到了最低，并实现了快速，流畅的编码工作流程。当前在控制器类中的Inde

葡萄城控件

2018/01/10

3.2K0

ASP.NET MVC 5 - 视图

Gizmos菜单_gi clamp

图像处理游戏

在现场查看和游戏视图都有一个小玩意儿菜单。点击小玩意儿场景视图或游戏视图访问工具栏中的按钮，小玩意儿菜单。

全栈程序员站长

2022/09/20

3.7K0

Gizmos菜单_gi clamp

【100个 Unity实用技能】 | Scene视图选择对象是否边缘高亮、显示网格线

我们在Unity中的Scene界面选中某个游戏对象时，可以看到该对象会边缘发光，这其实是在Unity的界面默认设置的，我们可以手动开启和关闭。

呆呆敲代码的小Y

2023/03/09

1.1K0

【100个 Unity实用技能】 | Scene视图选择对象是否边缘高亮、显示网格线

点击加载更多

相似问题

在asp.net的网格视图中按Id隐藏列

30

查看id是否等于可见或隐藏

31

在具有链接按钮的网格视图中显示/隐藏网格视图

111

在网格视图中隐藏选择按钮

61

如何列出可见窗口及其ID？

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例