我只在Drupal网站上遇到过这种情况，所以它可能与Zen或Garland主题的默认CSS有关。然而，在我的一生中，我不能确定为什么它会继续随机发生。
最好的解释方式是在这里查看图像。无论我的word-wrap和white-space CSS设置如何，这种情况都会发生，而且是随机的。有时是一个元素，有时是另一个元素(在这里，它发生在菜单中的“我们的品牌”和“提交”之间)。
附加的图像是一个内联的<ul>，每个<li>内部都有链接。
任何有见地的人都会非常感激！
以下是截图中所示菜单的样式示例：
<style type="text/css
浏览 1提问于2011-02-18得票数 2
1回答
我正面临着一个非常恼人的HTML元素问题。我不知道它为什么要创造这么多的空白，而我从来没有这样做。在我的代码编辑器中，所有内容都被正确地缩进，确保HTML是100%有效的，但是每当我在浏览器上测试时，空格就会突然出现。为了让事情更容易理解，下面是pre在我的控制台中的样子。
这是HTML / CSS代码。
<pre>
<!DOCTYPE html>
<html>
<head>
<title>My website&
浏览 5提问于2015-11-19得票数 6
回答已采纳
我使用pandoc通过一个定制的css文件将一些标记文档转换为.html。
除了一件事外，一切都很正常。据我所知，backticks ``中的文本应该是重要的空格，因为它通常是内部的代码。在我的例子中，它不是-换句话说，它只是看起来像普通的其他文本。
我感兴趣的是在pandoc中，还是在一个定制的css文件中，哪些css属性规定了空格是否应该是重要的？
浏览 8提问于2012-03-10得票数 5
1回答
这是我在这个网站上的第一篇文章，如果我说得不够清楚，请原谅。
我目前正在做一个用wordpress构建的，我对CSS有一个问题。
我的菜单栏是用一个ul创建的，当我在导航器中增加文本大小时(例如，使用ctrl+scroll )，像在中一样，li项从div溢出。
在这种情况下，我希望将li分成两部分，并放在div中，但我不知道如何实现这一点。我已经尝试过“分词”解决方案，但我想我做错了。
因为我的网站是由Wordpress托管的，所以设计中使用了两个不同的CSS表，这有点凌乱。
这是我工作表的一部分：
#access {
display:inline-block;
width:27%;
font
浏览 2提问于2012-07-26得票数 0
回答已采纳
我基本上是想自动向通过PHP从mysql数据库获取的VARCHAR变量添加换行符，这样它就会正确显示。当我通过HTML显示它的时候，它所做的就是给我一个很长的句子。
我想CSS可以做到这一点，但overflow: scroll只是让它向右和向左滚动。也可以使用javascript或JQuery。
浏览 0提问于2010-09-07得票数 0
回答已采纳
3回答
在这个示例中查看一下：
我使用textarea创建了两个具有不同.val设置的CSS。然后，我将2个textareas设置为相同的值，前面有4个空格。但是，带有CSS设置的那个似乎“移除”了这些空格。为什么？
我不认为white-space: nowrap;会对此产生任何影响，因为即使您按下Ctrl+A来选择all并将其粘贴到文本处理器，空格仍然缺少。
我在Chrome和另一个基于Webkit的浏览器上进行了测试。同样的结果。
浏览 4提问于2013-07-24得票数 4
回答已采纳
3回答
大家好，在我的超文本标记语言PAge...Im中，使用了words...and之间的空白，它在Browser...Its中不能正确显示，完全包装，words...wats之间只留下一个空白，解决这个问题的办法是……
以下是我的代码
<html>
<head>
<style type="text/css">
th {word-wrap: break-word}
</style>
</head>
<body>
<h1>Sampl
浏览 1提问于2013-07-04得票数 0
我有一个telnet连接的输出。看起来像这样 ACTIVE ALARMS REPORT
ID CATEGORY DESCRIPTION ALARM TYPE DATE TIME 当我将此信息保存到HTML文档时，结果如下所示： ACTIVE ALARMS REPORT ID CATEGORY DESCRIPTION ALARM TYPE DATE TIME 有没有办法让这段代码与telnet的输出完全分开？这更像是一个css问题吗？ 这里的关键是我使用python从telnet中提取信息，并将信息传递给html文档。
浏览 26提问于2019-02-25得票数 1
回答已采纳
5回答
我尝试这样做是为了将段落替换为具有相同内容的文本区。
function edit() {
var wdith = $("p").css('width')
$("p:first").replaceWith("<textarea class='edit'>" + $("p:first").text() + "</textarea>")
$(".edit").css("width", wdith)
}
$(&#
浏览 1提问于2011-08-15得票数 6
回答已采纳
我使用jQuery将CSS文件的内容.load()到div中。但是当加载该文件的内容时，所有的换行符、制表符等都会消失。有没有办法在加载css文件的同时仍然保留换行符？
提前感谢！
浏览 1提问于2010-07-19得票数 2
回答已采纳
我希望在td和div中包含较长的代码。它可以在Chrome中运行，但我无法让它在Firefox中运行。在Firefox中，文本会一直进入下一个td元素。有谁能帮帮我吗？对我的代码的其他评论也是受欢迎的(例如，“不要使用这么多div”之类的)
<tr class="line">
<td class="lineNumber">38</td>
<td class="code"><div class="divCode"><code>
浏览 0提问于2012-07-10得票数 0
回答已采纳
我有以下标记格式：
<!-- .section markup with line breaks and indentation (normal formatted coding) -->
<form id="form" name="form">
<div class="section">
<input type="checkbox" class="switch" />
<select class="overlays" name
浏览 4提问于2013-07-29得票数 7
回答已采纳
我正在从服务器获取下一种格式的代码：
<code class="bigCodeBlock">
import std.stdio;
void main()
{
writeln("Hello world!");
}
</code>
我不能修复服务器上的代码。我需要在我的代码顶部删除result html中的空换行符。
接下来是我的css：
.bigCodeBlock
{
background-color: #F7F4F4;
display:block;
white-space: pre-wrap;
}
浏览 9提问于2017-08-04得票数 1
2回答
我的网站有一个问题，在移动的HTML标签边框外，白色空间呈现。这个问题只发生在手机上，当移动铬浏览器被设置为移动桌面模式时也会发生同样的情况。
这是网站最初在移动平台上加载的方式，但是滚动页已经超出了HTML标签的视口。
我不明白的是，如果客户端从纵向旋转到水平和背面，网站就会删除空白。当我在所有网页上使用相同的静态模板时，这个问题就会在整个网站中持续存在。
网站是：
网站使用：
下面是静态网页的模板：
<html>
<head>
<title>A Hacker's world</title>
<link r
浏览 5提问于2020-05-23得票数 0
我似乎不知道这些<code>标签上和下面的空格是从哪里来的。它似乎不是毛边或垫子。在下面的示例中，两者都设置为0，检查w/ chrome工具似乎没有给出任何答案。额外的空间(上方和下面的绿色框)显示在Chrome、FF和IE9中。
<style type="text/css">
section{
border: thin solid black;
}
pre{
border: thin solid red;
}
code{
border: thin solid green;
浏览 6提问于2013-08-08得票数 0
回答已采纳
5回答
使用PHP缩小CSS文件
、、、、
下面的代码从CSS文件中删除所有换行符和空格。但问题是，如果CSS文件中有这样的内容：
.sample {
padding: 0px 2px 1px 4px;
}
产出将是：
.sample{padding:0px2px1px4px;}
我要在(0px2px1px4px)之间的空格。
下面是我使用的代码：
$str=file_get_contents('sample.css');
//replace all new lines and spaces
$str = str_replace("\n", "", $str);
$str = s
浏览 6提问于2016-03-19得票数 2
回答已采纳
2回答
我有一个横幅图像在顶部的网页。它包含浏览器的默认样式，带有填充和边距，在边上创建空白。我已经将body和*选择器中的填充和边距都设置为0px，但是空白仍然存在。
我已经添加了一个指向normalize.css工作表的链接，但仍然有空格。我还能做些什么来消除空白呢？
<body>
<div class = 'main-header'>
<img src='http://imageserver.amlaw.com/publications/LAW-14-05656_header.jpg'>
</d
浏览 0提问于2016-06-15得票数 0
我正在根据本教程()制作一个待办事项应用程序。我应该使用填充分隔待办任务和已完成任务之间的区域。我希望#completed的填充区域随着#completed的子项一起移动，但它总是在.container的顶部。如何合并填充和项目？
就我所搜索的css定位而言，我认为，同时设置#todo和#completed的相对位置是正确的。但它不起作用。我还试着像本教程那样设置#complete的位置。它也不能工作。
这是包含#todo和#completed区域的.container的html代码。
<div class="container">
<!-- Unco
浏览 4提问于2019-07-10得票数 3
回答已采纳
1回答
我用3张图片制作了一个非常简单的反滑块设置，我试图在上面覆盖一个h1文本，但当我这样做时，滑块上方的div ()出现了一个奇怪的水平空间。
这是我的密码：
<div class="photos" id="photos">
<h1 class="photos-title">P H O T O G R A P H Y</h1>
<div class="my-slider">
<ul>
<li><img src=&#
浏览 4提问于2017-04-30得票数 0
回答已采纳
由于某种原因，".ep“div仅在".heading”容器中过宽1像素，导致标题流到下一行。对于通过php动态生成的内容，我将其放入“# content”div中，并具有与".heading“div完全相同的精确结构/使用完全相同的CSS，它将正确显示。我甚至用W3C验证了我的HTML/CSS。怎么回事？
要获得更健壮的示例，请参考我正在开发的“查找”项目。
代码(那些谁不想点击)找到以下。
HTML：
<body>
<div class="container">
<div class="c
浏览 5提问于2013-07-24得票数 0
回答已采纳
2回答
根据，当块容器框同时具有内联和块内容时，将创建匿名块框。
规范使用的示例是
<DIV>
Some text
<P>More text</P>
</DIV>
Chrome将其呈现为：Some text More text
然而，鉴于：
<DIV>
[5 spaces followed by newline]
<P>Some text</P>
</DIV>
Chrome将其呈现为：Some text
换句话说，包含空格的行被删除。
我对创建匿名块框的顺序和应用的顺序感到困惑。
( a)如果我们假设首先创
浏览 0提问于2014-10-30得票数 0
回答已采纳
1回答
我有一个问题，来自.aspx设计器的缩进和空格最终会出现在最终的标记中。例如，对于YUI3网格，我有一些控件可以使用正确的CSS来呈现div等。如果我使用visual studio中的自动格式化功能(CTRL-E-D)，它会将每个控件放在新的一行上，这会导致最终.aspx页面中的换行符和YUI3网格的换行符。
示例：
<YUI:Grid runat="server">
<YUI:Unit UnitWidth="1-2" runat="server">
1/2</YUI:Unit>
浏览 1提问于2011-10-17得票数 0
回答已采纳
我对使用Yeoman构建项目相当陌生。我已经能够构建我的项目，并使用grunt放到服务器上。但是我在页面上有一些单选按钮，当我使用grunt-serve时，它们的样式是有间距的，但是当我运行grunt并将文件移动到我的服务器上时，所有单选按钮的间距都消失了。有没有人知道一种css风格可能不会伴随着grunt的构建？
<input type="radio" name="q1" value="1" ng-model="formData.q1" ng-change="totalValues()" class=
浏览 0提问于2014-09-23得票数 0
我想递归地gzip我所有的CSS文件。但我的命令不正常。
我使用find和-exec选项
$ find . -name "*.css" -exec gzip -c "{}" > "{}.gz" \;
当使用-exec echo (或者只是离开-exec部分)时，它显然是与index.css一起找到了我的plugin[1,2].min.css，但是当使用-exec gzip时，它只是忽略任何文件，除非是index.css。
index.css.gz的文件大小与手动为index.css运行gzip时相同。
我不知道怎么回事。有什么想法吗？
$
浏览 2提问于2015-12-07得票数 0
3回答
我有一个样式类，它在视图中创建红色矩形：
.tag-template .left-panel {
width: 24px;
height: 24px;
background: red;
vertical-align: middle;
}
在这里，我如何使用视图模板中的类：
<script type="text/ng-template" id="tag-template">
<div class="tag-template">
<div class="left-panel
浏览 3提问于2016-04-17得票数 0
回答已采纳
在HTML中保留空白的最佳方法是什么？我们有很多页面可以从我们的数据库中提取数据，而且数据中可能有多个空格。保存数据的呈现HTML元素与锚标记(<a>), spans (<span>), table rows (<tr>, <td>, etc.不同。
现在最简单的方法是添加一个全局css类，如下所示：
body a, span, tr, td { white-space: pre; }
我想知道是否有更好的方法来实现这一点，而不必为每个HTML元素分配一个类。
浏览 4提问于2012-01-24得票数 79
回答已采纳
7回答
我正在生成一个HTML表单，其中包含一些文本区域中的代码。
生成的HTML如下所示：
<textarea id="message" name="message"
rows="18" cols="40">The quick brown fox
<?php echo $page_url;?>
</textarea>
在浏览器中呈现页面时，它看起来如下所示：
The quick brown fox
http://www.example.com
我不能解释它，因为变量不
浏览 0提问于2011-06-25得票数 2
回答已采纳
2回答
JQuery旋转木马跳跃
、、、
旋转木马在转换时会稍微移动/跳跃，我不确定出了什么问题。
$(".timer").css("display");
$(".timer:gt(5)").css("display", "none");
function move_first() {
//console.debug("animate");
$(".timer").eq(0).stop().animate({
opacity: 0.00,
width: "toggle&
浏览 3提问于2014-12-17得票数 5
我希望在div框中包含元素，并且下一项应该从前一项结束的位置开始。同时，我希望每一项之间都有一个间隙。但是，项目和容器边界之间不应该有任何间隙。我在这里设置了一个示例
#A {
font-size:0;
width:200px;
border:1px solid black;
}
#A > div {
display:inline-block;
background-color:orange;
color:white;
padding:10px;
font-size:14px;
margin:0 10px 10px 0;
}
<div id
浏览 1提问于2020-11-15得票数 0
4回答
我的网页使用2个CSS文件。两者都包含一些样式，但并不多。将这两个文件合并到一个CSS文件中会提高网页性能吗？ 谢谢
浏览 25提问于2019-02-28得票数 1
回答已采纳
3回答
我是CSS的新手。我刚开始我的第一个网站，几乎完成了登陆页面。然而，有两个问题让我震惊，但我仍然不知道根本原因是什么。我已经创建了一个plukr链接。
水平滚动条正在出现，即使宽度设置为100%，左侧仍有一个间隙。
横幅下面的第三个框比其他两个更高，即使它们都共享相同的CSS类。
三个div框的代码：
<div class="container info-box clearfix">
<div class="col3">
<h3>Investment Planning
浏览 2提问于2014-07-02得票数 1
回答已采纳
1回答
我在找我的积木容器下面的空白是从哪里来的。我可以通过添加一个负的margin-bottom来修复它，但是我想知道它最初是从哪里来的。我要把它放在集装箱舱的最底层。
JSFiddle：
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
浏览 0提问于2018-02-05得票数 1
回答已采纳
我就是想不通这个问题。
我正在编写一个简单的PHP脚本来更新特定的数据库字段。
这个查询运行得很好，没有任何问题，但是setting_id似乎很容易更改，因此不适合/可移植
mysql_query("UPDATE oc_setting SET value='" . $css . "'" . 'WHERE setting_id=13576', $con) or die(mysql_error());
这个查询似乎在任何情况下都不起作用，而这正是我需要的查询。
mysql_query("UPDATE oc_setting
浏览 0提问于2013-04-08得票数 0
回答已采纳
链接到jsFiddle：
澄清：
我在JavaScript中创建了一个10x10网格(div )，每个框都有5 5px边距。我希望有一个完美的平方，但出于某种原因，每个Y轴框之间的距离是13像素，而不是10 px (因为5 px边距+5 px边距=10 px)。
一些CSS代码片段：
.sketchbox {
width:20px;
height:20px;
background-color:white;
border: 1px solid black;
display:inline-block;
margin:5px;
}
br {
line-height: 0
浏览 0提问于2015-01-16得票数 1
回答已采纳
3回答
我目前正在学习CSS，似乎我很难理解这个盒子模型。我有一个非常简单的页面布局：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/simpleimagebrowser.css">
</head>
<body>
<menu type="toolbar">
<ul>
<li>
浏览 1提问于2013-04-25得票数 2
为什么Google Chrome在选择3次鼠标点击的文本时总是在一行的末尾添加一个空格？
您认为我们可以使用CSS或JavaScript来删除它吗？(坏主意，只是想避开这件事)
街区：
当我点击文本3次时：
一个gif例子：
<body>
<div>
<h1>Example Domain</h1>
<p>This domain is established to be used for illustrative examples in documents. You may use this
浏览 6提问于2016-07-19得票数 34
回答已采纳
根据的说法，我碰巧在基于WebKit的浏览器上使用了下面的CSS hack。
@media screen and (-webkit-min-device-pixel-ratio:0) {
#my-id { height: 100%; }
}
它起作用了。但是，后来我发现它在生产环境中不起作用。我发现这是因为CSS优化器在and之后修剪了空间。Chrome无法识别以下CSS。
@media screen and(-webkit-min-device-pixel-ratio:0) {
#my-id { height: 100%; }
}
那么，@media screen and (
浏览 0提问于2010-11-05得票数 17
回答已采纳
我在div中显示了一个项目列表。当任何项目被点击时，它将被附加到上面的div中。我没有为这个div.Item设置任何高度，每个项目旁边都会出现一个删除图标。删除后，该特定项将附加到其来源的div下。现在的问题是，随着项目添加到上面的div，它的高度增加，一旦项目删除，我预计高度也会减少，但它保持不变。因此，当我在上面的div中再添加一个条目时，它会变得更长。如何删除第一个div的高度？
下面的图片描述了流程:最后一张图片显示了从第一个红色框中删除所有项目并向其中添加新项目后发生的情况。
下面是我的代码，说明当单击delete按钮时会发生什么。
function hide_rat
浏览 3提问于2015-09-16得票数 0
3回答
假设我有下表：
<table>
<tr>
<td>Example</td>
</td>One</td>
</tr>
<tr>
<td>Example</td>
</td>Two</td>
</tr>
<tr>
<td>Example</td>
</td>Three</td>
</tr>
<
浏览 0提问于2012-07-25得票数 11
回答已采纳
2回答
以下代码段在Firefox 59中不带下划线的情况下正确呈现(假设)，但在Chromium65中，在显式断行之前，行尾的伪空间：
<div style="width:100px">
<a href="#">This is long link, <br />with a line break</a>
</div>
铬65屏幕截图：
来自Firefox 59的截图：
对于这种情况，最明显的解决办法是删除断线前的空间，但这是不自然的。
渲染中的一个不对吗？是HTML或CSS规范
浏览 0提问于2018-05-08得票数 4
回答已采纳
4回答
有这样一个值：
<span className="my-value">{value}</span>
css：
.my-value {
font-weight: 600;
font-size: 12px;
line-height: 22px;
color: #0D1E2C;
}
值包含一个文本值，该文本值可以是字符串"example"。但是它也可以是这个" "，一个空白，在这个页面上元素不显示的情况下，它看起来不存在。
我想把它保存在那里，这样页面的结构就好了。
我以为line-hei
浏览 1提问于2020-06-05得票数 1
回答已采纳
1回答
我们通常在HTML中添加空格以使其具有可读性 示例-开发版本： <div>
<span class="surround-brackets">
Title
</span>
</div> 当上面的代码最小化时(对于prod build)，我们得到以下输出 <div><span class="surround-brackets">Title</span></div> 现在，假设我们有一个伪元素被添加到“环绕括号”类中。以下是CSS .sur
浏览 30提问于2019-02-14得票数 2
在的基础上，我现在有了一个更特殊的问题。基本上，我有以下代码：
.meta {
user-select: none;
}
.bash {
display: inline-block;
}
.meta:after {
content: '\00a0';
}
<pre><code><span class="meta">$</span><span class="bash"> ls</span></code></pre>
现在，我希望用
浏览 1提问于2017-06-09得票数 1
回答已采纳
我有一个包含display:inline-block;的div，容器是text-align:right;，但是在div和容器的右侧之间似乎有一个空格。为什么它不会一直走到边缘呢？
这就是问题所在：
我的目标是让黑线和文本在右边缘对齐。此外，我更喜欢使用尽可能少的css，并且倾向于避免使用浮点数(特别是当我必须使用"clearfix“类型方法时)。
Thx！:]
浏览 19提问于2017-02-19得票数 0
回答已采纳
我有一张卡片，里面有一个pre标签。问题是，由于使用了pre标签，卡片的尺寸变得比容器大，因此我在网页上看到了一个水平滚动条。如果内容大小大于卡片大小，如何制作前标签滚动？就像stackoverflow ansers上的代码片段一样。它们不会水平地延伸到页面之外，您会在代码片段中看到一个水平滚动条。
CSS：
.main {
width: 100%;
background-color: green;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items:
浏览 21提问于2021-05-30得票数 0
我正在将基于css的选项卡导航添加到一个仍在使用基于表格的布局的网站。当我将我的标签列表放在一个td中时，你会看到一个视觉上的“间隙”。如果我在td中放入一个宽度为100%的空div，那么我的选项卡列表将正确显示。(它在表外也能正常工作。)
为什么div可以让选项卡正确布局，有没有更好的方法让它们在不添加无内容的div的情况下这样做？
下面是我的测试用例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr
浏览 0提问于2009-07-31得票数 1
回答已采纳
谁能告诉我，无论我做什么，有一个小的差距，在我的头部img。这是我的css
.site-header {
position: relative;
border-bottom: 5px solid #121212;
padding: 0px !important;
margin: 0px !important;
}
我的网站
Ps在平板电脑上，所以我没有权限检查。谢谢您抽时间见我。
浏览 0提问于2018-08-07得票数 1
回答已采纳
2回答
使用引导，我如何使按钮的副标题中断到一个新的行使用CSS。
我的按钮由按钮文本和按钮副标题组成。按钮字幕在小标签中。
我不想使用html BR，我一直试图在CSS中这样做。
使用BR的HTML
<a id="option_button" class="btn btn-success" >Button Text<br/><small>This is the sub-title of the button</small></a>
使用CSS的HTML
<a id="option_button&
浏览 2提问于2015-03-08得票数 0
回答已采纳
2回答
这是我第一次使用字形，但我知道它们是文本，可以像任何其他文本一样设置样式。这就是为什么我的字形图标没有改变颜色的原因。
我希望它的颜色从黑色(默认)改为白色。这是我的代码：
HTML
<li><span class="glyphicon glyphicon-cog"></span><a class="lolo" href="Franchise-Details.php"><b>Admin Panel</b></a></li>
CSS
.glyphicon
浏览 1提问于2016-03-28得票数 0
我有一个简单的网页，我正在创建。 在CSS中，我导入了一种特定的“等宽”字体。一切都运行得很好，除了“空格”字符比其他字符占用的空间稍微多一点。 问题是，在HTML中，您只能在一行中使用1“”字符串。否则，它显然会忽略其余部分。因此，如果有人连续输入超过1个，我必须使用“。 但是，这些空格似乎比其他等宽字符占用了更多的空间。 我能做什么?
浏览 18提问于2019-10-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
