草庐IT

html - 覆盖 <div> 内联宽度样式以使元素拉伸(stretch)到内​​容?

致力于为客户的内部网重新设计外观。我无法修改现有的HTML,只能提供覆盖样式表。在HTML中是一个主体内容包装器-任何时候调整窗口大小时,它都会获得一个明确的宽度和高度设置,内联到窗口宽度和高度:现在,一些页面在这个内容包装器中有一个大表格(至少1600像素宽),当窗口小于这个时,表格会脱离容器,留下所有背景和填充。所有其他元素都遵循包装宽度,向右滚动时会产生一大堆负空间:有没有办法覆盖行内宽度并允许容器div#s4-workspace拉伸(stretch)到其内容?我最好的猜测是设置width:auto!important;,但chrome和firefox仍然优先考虑内联样式。感谢您

html - 覆盖 <div> 内联宽度样式以使元素拉伸(stretch)到内​​容?

致力于为客户的内部网重新设计外观。我无法修改现有的HTML,只能提供覆盖样式表。在HTML中是一个主体内容包装器-任何时候调整窗口大小时,它都会获得一个明确的宽度和高度设置,内联到窗口宽度和高度:现在,一些页面在这个内容包装器中有一个大表格(至少1600像素宽),当窗口小于这个时,表格会脱离容器,留下所有背景和填充。所有其他元素都遵循包装宽度,向右滚动时会产生一大堆负空间:有没有办法覆盖行内宽度并允许容器div#s4-workspace拉伸(stretch)到其内容?我最好的猜测是设置width:auto!important;,但chrome和firefox仍然优先考虑内联样式。感谢您

css - 如何使最后一个 div 拉伸(stretch)以填满屏幕?

我有一个我正在尝试构建的网站,但我遇到了一个让我发疯的小障碍。本质上,在没有足够内容填充视口(viewport)的页面上,我想让最后一个div(我的页脚)填充视口(viewport)的其余部分,但它目前被切断了。我的HTML看起来像这样:我尝试使用html,body,footer{height:100%;但这会创建比需要更多的空间,本质上是页脚中空白内容的全屏长度。如何在不添加滚动条的情况下让页脚填满屏幕的其余部分?提前致谢,一个沮丧的编码员。 最佳答案 我很确定唯一的方法是计算绝对剩余高度。IE,使用jQuery$('#foote

css - 如何使最后一个 div 拉伸(stretch)以填满屏幕?

我有一个我正在尝试构建的网站,但我遇到了一个让我发疯的小障碍。本质上,在没有足够内容填充视口(viewport)的页面上,我想让最后一个div(我的页脚)填充视口(viewport)的其余部分,但它目前被切断了。我的HTML看起来像这样:我尝试使用html,body,footer{height:100%;但这会创建比需要更多的空间,本质上是页脚中空白内容的全屏长度。如何在不添加滚动条的情况下让页脚填满屏幕的其余部分?提前致谢,一个沮丧的编码员。 最佳答案 我很确定唯一的方法是计算绝对剩余高度。IE,使用jQuery$('#foote

html - 如何在不拉伸(stretch)的情况下调整图像大小?

我想要一个其宽度为页面的40%,并被拉伸(stretch)。如何在不拉伸(stretch)的情况下调整它的大小?例如,如果我有一张图片,其文件最初看起来是这样的:____8888____________8888____________8888________在我的网页中,通常情况下,它应该是这样的:____8888____________8888____________8888________一旦我将浏览器缩小一点,max-width(假设本例中为10个字符)将生效。当发生这种情况时,我希望它是:____8888______8888______8888__(就像是从右边切开一样,当然两

html - 如何在不拉伸(stretch)的情况下调整图像大小?

我想要一个其宽度为页面的40%,并被拉伸(stretch)。如何在不拉伸(stretch)的情况下调整它的大小?例如,如果我有一张图片,其文件最初看起来是这样的:____8888____________8888____________8888________在我的网页中,通常情况下,它应该是这样的:____8888____________8888____________8888________一旦我将浏览器缩小一点,max-width(假设本例中为10个字符)将生效。当发生这种情况时,我希望它是:____8888______8888______8888__(就像是从右边切开一样,当然两

html - 屏幕宽度拉伸(stretch)时自动增加边距

我有一个列表(),我尝试将其显示为网格。单元格具有固定宽度(假设为100像素):列数和行数取决于屏幕分辨率。当屏幕宽度较大时,列多行少:______________________________________________________________|____________________________________________|||||||||||||#1||#2||#3||#4||||||||||||||||||||||||___________||___________||___________||___________|||___________||||||

html - 屏幕宽度拉伸(stretch)时自动增加边距

我有一个列表(),我尝试将其显示为网格。单元格具有固定宽度(假设为100像素):列数和行数取决于屏幕分辨率。当屏幕宽度较大时,列多行少:______________________________________________________________|____________________________________________|||||||||||||#1||#2||#3||#4||||||||||||||||||||||||___________||___________||___________||___________|||___________||||||

html - 拉伸(stretch)图像以适应 td

我想在我的td单元格中拉伸(stretch)图像。怎么做。它是一个标签图像,看起来像这个|________|的倒置。我需要将图像放在包含文本“aaa”的第一个td单元格中,该单元格将位于该图像的中心。 最佳答案 不使用CSS3就无法拉伸(stretch)背景图像。在CSS3中,您有background-size属性,您可以为其提供100%拉伸(stretch)图像到容器的100%。但并非所有浏览器都支持CSS3。您可以使用图像标签并将宽度和高度设置为100%以实现此目的。 关于html-

html - 拉伸(stretch)图像以适应 td

我想在我的td单元格中拉伸(stretch)图像。怎么做。它是一个标签图像,看起来像这个|________|的倒置。我需要将图像放在包含文本“aaa”的第一个td单元格中,该单元格将位于该图像的中心。 最佳答案 不使用CSS3就无法拉伸(stretch)背景图像。在CSS3中,您有background-size属性,您可以为其提供100%拉伸(stretch)图像到容器的100%。但并非所有浏览器都支持CSS3。您可以使用图像标签并将宽度和高度设置为100%以实现此目的。 关于html-