1回答
表中列的实际宽度是如何确定的？下面的代码(在Chrome中)如下所示：
我的问题是用"ddd...“向单元格添加更多的字符。空闲空间不会被使用，但其他单元格的内容会被包装。有时候问题是短信"aaa...“和"ccc...“不会重叠。表的总大小是固定的，但所有内容都是动态的，因此不推荐使用固定的布局。
更新:尽管第一行(c1-c4)包含的文本比实际列中的任何一列都少，但它对最终布局有相当大的(积极)影响。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>&
浏览 0提问于2013-06-17得票数 25
回答已采纳
1回答
是否有任何HTML或CSS属性在不知不觉中添加了此空白？
下面是我的Dash布局和HTML元标记
app = DjangoDash('StockBuckets', add_bootstrap_links=True, external_stylesheets=[dbc.themes.LUX], suppress_callback_exceptions = True, meta_tags=[
{"name": "viewport", "content": "width=device-width,
浏览 2提问于2020-10-07得票数 0
1回答
我有这个HTML/CSS
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
p{
color: white;
background: black;
}
@media only screen and (max-width: 768px) {
p {
浏览 44提问于2017-08-19得票数 4
回答已采纳
1回答
向html元素提供最大宽度将其宽度限制在较大的屏幕中。但也可以使屏幕宽度与屏幕大小成正比，就像'95%‘一样。
现在，给页面的主容器提供最大宽度更有利吗？为什么？
浏览 1提问于2013-10-11得票数 0
回答已采纳
1回答
我花了一整天的时间创建了一个可爱的导航栏，但唯一能让它调整到足以在平板电脑上将a元素放在一起而不开始堆叠的方法是，如果我让导航链接没有列出，就像下面这样：
<a href="page1.html" id="temp">Temp</a>
<a href="page2.html" id="temp2">Temperature</a>
然后在它们上使用内联。
因此，我删除了导航中的所有li部分，就像以前一样：
<ul>
<li><a href=&#
浏览 14提问于2018-01-04得票数 0
回答已采纳
嗨，我有这样的html代码
<html>
<head>
<style type="text/css">
body {
font-family:arial,helvetica,sans-serif;
font-size:12px; background-color: blue;
}
**#wrapper {
width:900px;
margin:0px auto;
border:1px solid #bbb;
padding:10px; background-
浏览 0提问于2012-06-22得票数 0
如何在HTML或CSS中指定表列相对于列内容的最小宽度。
我试过，但不起作用
.p
{
max-width:10px;
background-color:yellow;
}
<table> ...
<td nowrap class="p">text</td>
...<table>
浏览 0提问于2011-10-19得票数 2
回答已采纳
我一直在为我和一个朋友正在做的一个项目编写一个网站。在花了比我应该花的更多的时间来研究如何使用javascript将站点链接加载到" content“div中之后，我得到了第二个问题:内容加载但位于" content”div中的一个小方块中。我想知道如何调整div中显示的内容的大小。下面是我的页面代码。
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="content-type"
浏览 3提问于2015-02-03得票数 0
2回答
这是我的htm5代码。两个输入范围没有正确对齐。如何正确地对齐这两个元素？
<!DOCTYPE html>
<html lang="it">
<head>
<title>Ciao</title></head>
<body>
<fieldset>
<legend>Your Indicators</legend>
<label for="height">Height::</label>
&
浏览 3提问于2015-10-17得票数 2
回答已采纳
1回答
固定元素的宽度错误在狩猎？
、、、、
我的网站有固定的视口宽度1300‘s。我在iOS的safari中发现了一些固定元素的奇怪行为。没有其他浏览器能做到这一点。
因此，我创建了一个测试页面(下面是代码)。它有3个divs静态，绝对，固定。全部100%宽度。视口设置为1300 to。还有一个简单的js打印每个div的宽度。所有桌面浏览器都忽略视口，所有div都是相等的和窗口的宽度。这是正确的。
Android的浏览器(standart和mobile )将窗口的宽度设置为1300 to，所有div的宽度设置为1300 to，而不管方向如何。这是正确的。
问题在于我的ipod和我朋友的iphone。顶部div为1300 is，而底部di
浏览 3提问于2015-04-03得票数 0
回答已采纳
2回答
嗨，这是我的css和html代码。有几个div。当浏览器的大小是最大值时，没有问题，但是当我将浏览器的大小改小时，div的位置就会改变。例如：<div id="cnrht"> id "cnrht" İçeriği Buraya Gelecek</div>在页面的右侧，但当浏览器变小时，它将位于其他div下，并在左侧。我如何编辑它。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Conte
浏览 3提问于2012-08-03得票数 0
回答已采纳
3回答
嗨，我有一个div bat
#bat{
width:50%;
height:50%;
}
html
<div id="bat">dynamic div will occur</div>
当放置动态div时，如果内容大于#bat的宽度和高度，这些内容就会溢出。我可以使用隐藏在#bat中的overflow来隐藏它，但我不希望它是那样的。我想让dynamic div适合jQuery子选择器的#bat.thought，然后控制它们，给动态div赋予宽度和高度。有人能帮上忙吗？
浏览 2提问于2013-09-07得票数 0
1回答
我有一个bg图像宽度1300px。
我创建了#header容器，宽度为: 100%背景图像(‘image-bg’) center；内容有960px；边距:0 auto；所以它总是在中心。
#header在#page容器中，它也有100%的背景图像(‘image-bg- border’)居中；只是为了创建一个漂亮的边框
但是现在，当我调整浏览器的宽度时，#page，body，html比#header或其他960px的元素中的内容要小；边距:0自动。
当你在小宽度上调整#页的宽度时，如何使#页的宽度至少与#页眉的宽度相同？临时链接:已删除
编辑:查看div#page，同时根据较小的值调整浏览器的宽
浏览 3提问于2012-01-23得票数 1
回答已采纳
2回答
如果这不是最具描述性的，我很抱歉，因为我只有7周的HTML编码经验。因此，我遇到了使用媒体查询对移动设备的网页进行光学化的问题。我的Nav条从屏幕上消失，我的表单在底部被粉碎，我的桌子在一个独立的页面上消失在700英寸像素处。我将复制和粘贴下面的代码为每一页，是给我的问题！
带有Nav栏和表单问题的主页：
<!DOCTYPE html>
<html lang="en">
<head>
<title>ZabelFitness</title>
<meta charset ="utf-8
浏览 8提问于2021-12-10得票数 0
1回答
我的网页有一个问题，当我尝试缩放时，它会变得疯狂:))。我使用CSS网格(这是我第一次使用它)让页面变得有响应，但现在我变得非常沮丧，因为我无法在不弄乱整个页面、div、布局、设计等的情况下进行缩放：)。
您可以在这里看到我正在谈论的内容：
谢谢
/* basic.css */
.container>div {
display: flex;
justify-content: center;
align-items: center;
2em;
}
html,
body {
box-sizing: border-box;
height:
浏览 0提问于2019-01-11得票数 0
我有一个内联样式的td，它的width设置为百分比。我可以修改css，但不能修改html。
如何才能使td只占用其内容所需的宽度？
以下CSS不起作用：
td#my
{
width: auto !important;
}
浏览 2提问于2012-12-13得票数 1
回答已采纳
如果我为表中的<th>元素指定了一个宽度，那么如果没有指定表的布局，并且默认为自动，这对更宽的表意味着什么？这样的宽度是否指定整个列的最小宽度？如果是这样的话，我在HTML/CSS规范中找不到这样解释宽度的东西，但是Firefox和IE似乎都是这样解释宽度的。
要将其放在上下文中，可以设想一周中的几天的数字数据表(例如生产量)。星期数是列的标题。我想要处理两个条件：
没有特定一天的数据，但我不希望列的宽度缩小到某个丑陋的最小值。相反，我想设定这个最小值。
当列中有大量数字时，我希望该列的宽度自动展开以完整显示该数字。
当我按以下方式指定一组列宽时.
<tr&g
浏览 7提问于2013-01-29得票数 0
回答已采纳
1回答
动态文本变化的跨度位置
、、、
我有一个span，它有一个预定义的值，这个值是在页面加载时启动的。用户可以通过与输入字段交互来更改值。我的问题是，所有的跨度都在一个表中，每当数字被更改，而不是出现在与预定义的数字完全相同的位置时，它就会将自己定位为20 it左右。
任何帮助都将不胜感激。
<table class="tbl1">
<tr>
<td style="overflow: hidden; width: 280px; text-align: left; valign: top"><span class="Cs b
浏览 8提问于2014-01-03得票数 0
我是一个html媒体屏幕CSS的初学者。这是什么意思:媒体屏幕中的最小和最大宽度
浏览 2提问于2014-10-19得票数 0
3回答
跨度中奇怪的断线
、、
出于某种原因，下面的HTML片段将%符号包装到一个新行(仅限FireFox)：
<span class="label">
<input type="radio" />
<span>
<span>1,22</span>
<span>%</span>
<br />
</span>
</span>
和css：
.label {display: inline-block;}
浏览 1提问于2015-02-26得票数 3
回答已采纳
我正在使用下面的HTML代码。下面是我试图实现的:我想让父DIV的宽度取其子DIV的“最长”宽度。如果你看下面的HTML代码segment#1，它工作得很好，但是如果你看HTML代码段#2，你会发现"Test Title“边框并没有根据它最长的子DIV的DIV宽度改变它的DIV宽度。请提供任何指针。谢谢。
<!-- HTML code segment#1 -->
<html>
<body>
<div style="font-family:Arial; fontsize:11px;border-style:solid;border-w
浏览 1提问于2010-03-04得票数 0
1回答
我试图使图像保持比例，即使当视口或父元素的纵横比发生变化时。
到目前为止，我有小提琴，它使用某些技术将图像设置为全屏背景。不幸的是，一旦达到一定的大小，它就会溢出，图像的一部分就会被隐藏起来。
HTML
<div class="full-screen">
<img src="http://placehold.it/350x150" />
</div>
CSS
.full-screen {
position: fixed;
top: -50%;
left: -50%;
浏览 2提问于2014-08-19得票数 2
回答已采纳
1回答
嗨，我有以下HTML：
<div id="CONTENT">
<div id="SIDEBAR"></div>
<div id="MAIN">
<table>
<tr>
<td>
<div><label><span><a><span>My Label</span></a></span></la
浏览 1提问于2011-10-12得票数 0
我想做的是以下几点。
我有一张隐藏图像的清单。
我用Jquery onclick激活了一个按钮，它替换了div的html以包含图像。
该按钮作为一个循环按钮，并获得一个大的图像列表。
我的问题是，图像不会缩放到父div的大小。即使我给他们一个.horizontal和.vertical类，有什么想法吗？
我希望将隐藏的图像列表的格式保存在div中，因为我对列表做了一些其他的事情。我原本以为有两个类的图像，它会工作，现在我完成了，我意识到，整个想法有一个问题！
HTML
<div id="artdiv2">
<div
浏览 4提问于2013-06-29得票数 0
回答已采纳
1回答
我试图建立一个完全可访问的网站，所以对于视力不好的人来说，他们可能会想放大。当我放大以测试，全宽度的背景被切断，我不知道这是为什么。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Home Page</title>
<style>
#upper-rowwide
{
background-color: black;
浏览 2提问于2014-03-05得票数 0
回答已采纳
2回答
我正在创建一个基于960网格系统的博客。它有三个简单的div：
标头2.内容3.页脚，每个页脚都有一个固定宽度的div，其中包含2-3列文本。内容div和其内部的固定宽度div具有相同的背景色，但当我缩小浏览器窗口的大小时，由于某种原因，它忽略了内容div的颜色，并显示了html主体的颜色。
下面是另一个网站的例子： .将浏览器的大小缩小到小于900 px，并向右水平滚动。你会明白我的意思。
帮帮我！.快把我逼疯了！！
浏览 3提问于2010-08-10得票数 1
回答已采纳
HTML代码：
<div id="container">
<div id="first">
foo bar baz foo bar baz
foo bar baz foo bar baz
</div>
<div id="second">
Foo
</div>
<div id="third">
foo bar baz foo bar baz
f
浏览 5提问于2013-07-07得票数 7
回答已采纳
1回答
有5个部件的头
、、、、
我想要创建一个包含5个部分的HTML/CSS头。
左(宽60% )
EndLeft (只是一个圆头)
徽标
StartRight (只是一个回合的开始)
EndRight (填充报头的其余部分)
我有一些问题。
首先，我的代码：
全貌：
问题：
如果我放大，div就在一个新的线上。
如果我放大，我滚动到右边，EndRight没有填写整个网站。
浏览 4提问于2013-10-15得票数 0
我试图使用“iFrame”动态调整的高度，但是这并不像预期的那样有效。
我已将此代码添加到我的显示HTML文档中
<script src="js/iframeResizer.min.js"></script>
<iframe id="myIframe" src="l3-main.html"></iframe>
<script>
iFrameResize({ log: true }, '#myIframe')
</script>
和这段代码到我的ifr
浏览 7提问于2022-05-10得票数 0
2回答
对于每个响应式网站来说，在某个特定的时间点上，允许html的宽度进一步缩小(在电脑屏幕上，而不是在移动或平板电脑上)是不合理的。
有没有一个标准的像素数，web开发者使用它作为计算机屏幕的最小宽度，而html不允许缩小到它以下？
换句话说，如果width是100%，它将是html的min-width。
浏览 3提问于2015-05-27得票数 0
有两种方法可以设置HTML的大小: HTML中的rows和cols属性，以及CSS中的height和width属性。不幸的是，这些设置了第一次加载页面时文本区域的默认大小，也设置了用户通过在页面上调整大小可以获得的最小大小。我该如何为这些设置不同的尺寸？
浏览 1提问于2017-06-11得票数 1
回答已采纳
3回答
我为实验目的编写了一个简单的HTML程序：
以下是代码：
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: green;
}
@media screen and (device-height: 375px) and (device-width: 667px) {
body {
background-color: blue;
}
}
</style>
</head>
<body>
<p&g
浏览 2提问于2014-11-03得票数 2
回答已采纳
1回答
我试图改变按钮的位置，这将缩小到移动相对于图像div。我尝试了立场[绝对]，但它没有生效。按钮也没有相对地停留在图像div中。我不确定媒体查询是否会完成这项工作。有什么解决办法吗？
<div id="hero-wrapper" class="main_wrapper hero">
<img src="images/home-hero-image.jpg" alt="fruute">
<div class="herobuttons"><div id="hero-sho
浏览 2提问于2014-09-30得票数 2
1回答
为什么这段代码使这两个div都出现在一个面向景观的iPad上？
/* CSS */
div{
display:none;
}
@media screen and (min-width: 48em) {
/* IPAD PORTRAIT */
body {
/* DARK BLUE */
background-color:#006;
}
div{
display:none;
}
#ipad-portrait{
display:block;
}
}
@media screen and (min-wid
浏览 0提问于2012-10-05得票数 1
回答已采纳
1回答
我已经经历过很多次这样的错误。FF和Chrome for android没有这样的错误，但在portratir模式下的默认android浏览器中，当footer粘在底部时，页面内容高度小于100%。它在页脚下显示白线，看起来它不是主体和HTML的任何填充或边距，它似乎是其他的东西。
我可以在android中使用开发者工具调试Chrome，但我不知道如何调试默认的andoird浏览器。
我已经删除了截图和链接。因为再也没有问题了。
浏览 0提问于2012-10-23得票数 0
回答已采纳
2回答
中心布局在移动/表设备上不起作用
、、、、
我有一个简单的页面布局：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>
body {
text-align: center;
margin:
浏览 1提问于2013-10-05得票数 0
回答已采纳
2回答
我有三个街区:一个包装器和另外两个包装里面。内部-块有相同的大小。
包装是弹性的，它的宽度在调整窗口大小的过程中被改变。包装内的2块也是弹性的。这两个内部块中的每一个都具有最小宽度属性。
当包装器足够宽时，块在一行中依次放置。但是当包装器变得太窄时，块被放置在2行中。
在下面的图片中，您可以看到最终的目标：
重要时刻:正如你在第三个街区所看到的，当区块被放置在两条线上时，它们就位于中间。
问:仅仅使用html和css就可以完成这种化妆吗？
浏览 7提问于2009-05-11得票数 2
回答已采纳
示例：
目前它这样做：<->
希望它这样做：<
意味着内核永远不会比900 it小，但是如果内核大于900 it，核心就会永远延伸。注意，目前它是一个3列，两边是固定的，它是生长的中心。
如果我能控制最大的挠度，那也是很酷的：<
意味着页面不会小于900倍，但不大于1200 but
。
...so，也许这是不可能的，或者这是疯狂的简单--但是我已经到处寻找一个例子，或者CSS关于如何做到这一点的说明，但是到目前为止还没有运气。
谢谢!
更新：
多亏戴夫，我找到了解决办法..。-) ...thanks戴夫！
代码示例
#wrapper {
width: 960px
浏览 0提问于2010-11-01得票数 1
回答已采纳
我试图让我的java applet的饼图显示出来，但是只有文本出现了。我检查了我的代码和html，没有什么不对。这是我的代码，如果有帮助的话：
Java文件：
package org.me.pie;
import java.applet.Applet;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
public class PieChart extends Applet
{
/**
* Initialization method that will be called aft
浏览 4提问于2015-04-19得票数 0
回答已采纳
2回答
表中的可变宽度列
、、、、
我对日历使用HTML表，并希望用数据库中的各种事件填充单元格。通常他们会在周末登陆，但有些人会在长周末、银行假期甚至是奇怪的工作日运行。
如何让我的表列相应地扩展和缩小。如果可能的话，我想避免使用javascript。
如果不能做到这一点，我将需要一个教程来帮助我弄清楚如何使div的定位行为。
干杯
编辑一些说明:将其想象为5列，col1-3，5= 30px col4= 250px
但在php绘制表格之前，我并不总是知道它们应该有多宽。因为事件可以是任何一天(列)。
最终编辑:看起来我在我的CSS上太努力了。
我按照下面的建议删除了width声明，并将单元格更改为max-width，从而获得了
浏览 0提问于2010-05-26得票数 1
回答已采纳
<html>
<head>
<style type="text/css">
div {
border:1px solid #000;
min-width: 50%;
}
</style>
</head>
<body>
<div>This is some text. </div>
</bod
浏览 2提问于2008-10-13得票数 19
回答已采纳
1回答
我的HTML：
<div id="composite-field">
<input type='email' name='email' class='input animate' value='' placeholder='E-mail'>
<input type='submit' id='submit' class='submit animate' value='>'
浏览 3提问于2015-02-02得票数 0
回答已采纳
2回答
我有一些HTML和CSS代码，如下所示：
*{
margin:0;
padding:0;
box-sizing:border-box;
}
.adv-signup {position: relative;
background-image: linear-gradient( #fff, #eff1f1);
width: 100%; height: 400px; }
.contents {position: absolute; width: 1000px;
height: 200px; background-color:#2183c
浏览 22提问于2018-08-18得票数 0
2回答
CSS背景和水平滚动条
、、、
有人能告诉我为什么在这个测试用例中会出现以下情况吗？
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #ffffff;
margin: 0;
padding: 0;
}
.section {
background-color: #000000;
color: #ffffff;
浏览 3提问于2014-03-26得票数 0
回答已采纳
2回答
我使用属性来实现类似Pinterest的布局(由实现)。当图像第一次加载时，每个图像卡都会闪烁，因为浏览器正在试图计算/重新排列列中的每个图像，如下所示：
我想实现类似Pinterest的体验，就像在下载图像之前，卡片被安排在正确的位置和正确的大小设置，并等待图像填写。是否可以在html/css中以某种方式提示/预置图像大小或比率？(这些图像的实际大小大于显示大小，我试图将HTML中的宽度/高度属性设置为实际大小，但效果不佳。)
当前的HTML如下所示：
<div class="card-columns">
<div class="car
浏览 4提问于2020-04-22得票数 0
回答已采纳
2回答
我有一个字段集，我想占浏览器窗口的25%。
html, body {
padding: 0px;
margin: 0px;
box-sizing: border-box;
height: 100%;
}
body:not(:-moz-handler-blocked) fieldset {
display: table-cell;
}
fieldset {
box-sizing: border-box;
margin: 0;
}
fieldset#rx {
width: 25%;
max-width: 25%;
float:left;
heigh
浏览 2提问于2015-09-24得票数 0
回答已采纳
我遇到的情况是，CSS媒体查询(例如针对较小设备(智能手机)的CSS媒体查询)在我的页面上运行良好，可以设置初始页面元素的样式，但随后应用于我后来使用Jquery方法插入到页面中的元素时却不一致。在对此进行了大量测试之后--查找我是否在重写CSS类或类似的东西上犯了错误--我找不到解决方案，这促使我怀疑问题是否存在于Jquery本身，可能是因为一些Jquery方法与CSS媒体查询不像其他方法那样兼容？
<div class="headingwrapper top-center">
<h1 class="bigheading">S
浏览 1提问于2018-01-27得票数 1
我正在设计一个盒子结构，就像这样
它有一定的响应性，但当我改变浏览器的宽度时，视频的高度会缩小，而#left-box的高度保持不变。如何设置为在浏览器宽度减小时保持高度不变。这是它在现实世界中的样子。
下面是相关的CSS
#box {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:90%;
height: 80%;
background-color:rgba(192, 192, 192, 0.8);
}
浏览 0提问于2014-08-06得票数 0
1回答
CSS如何不使用样式
、、、、
我不做CSS，这就是为什么我在调整这方面有困难的原因。我有问题与我的弹出，使用Iframe。在css中有这样的样式：
iframe {
border:none;
height:440px;
margin-left:4px;
margin-right:4px;
**min-width:760px;**
overflow:auto;
width:98%;
}
当页面按如下方式查看时，它会生成一个html：
<div style="left: 404px; top: 75px; visibility: visible; posit
浏览 1提问于2012-08-01得票数 0
回答已采纳
3回答
我是html/css的新手。我的问题是，当我调整浏览器窗口的大小时，导航栏的文本会根据窗口的大小移动/压缩，并且会失真。我希望它保持静态，以便当我缩小我的浏览器窗口时，我必须滚动到右侧才能再次看到文本。我也在使用bootstrap。
这是我的代码：
HTML
<body>
<div class="nav">
<div class="container">
<ul class="pull-right">
<li><a href="#&#
浏览 3提问于2015-05-12得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
