如何解决CSS表格> td-将内容强制到一行跨浏览器
这适用于Chrome / Edge:
public class Startup
{
public Startup(IConfiguration configuration)
{
Configuration = configuration;
}
public IConfiguration Configuration { get; }
public void ConfigureServices(IServiceCollection services)
{
services.AddControllersWithViews();
}
public void Configure(IApplicationBuilder app,IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Home/Error");
// The default HSTS value is 30 days. You may want to change this for production scenarios,see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",pattern: "{controller=Home}/{action=Index}/{id?}");
});
}
}
<style>
.o {
width: 1px;
white-space: nowrap;
}
</style>
<table style="width:100%; position: relative; border-collapse: collapse">
<tr>
<td class="o">text no wrap</td>
<th>Head</th>
<td class="o">text no wrap</td>
</tr>
</table>
...停止换行
white-space: nowrap;
...自动将内容扩展到所需的最小宽度
这是问题所在
- 互联网浏览器:自动扩展宽度不起作用。 (客户仍然使用它们,尽管我不喜欢ie)
因此,如果设置了宽度,则会自动换行。没有宽度的width: 1px;
太大(空白),因为缺少最小化内容。
- 跨浏览器:如果内容太大而没有包装,它将table-witdh扩展100%以上。最好是“仅在确实需要时才包装”。
辅助信息:由于内容是从数据库填充的,因此我无法使用固定的布局
解决方法
您需要尊重IE中的HTML结构。而不仅仅是随机设置样式和表格。
对于我来说,它似乎在所有浏览器中都可以正常工作。当您检查并检查计算值时,即表示width: 79.98px
。因此,自动展开适用于ie 11
您可能有更多的CSS或HTML,但与您给出的一样。 IE11正在根据捕获进行工作:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。