我在CSS部分中设置了HTML页面主体的自动换行属性和宽度，如下所示：
body { width: 830px ; word-wrap: break-word;}
如果我在里面写或复制文本，这是很好的，这意味着没有水平滚动。如下图所示：
但是，当我从MS Word文档中复制一个表格时，它不工作，这意味着当复制的数据通过横跨正文宽度向右扩展时，word不会自动换行。如下图所示：
如何启用自动换行或禁用数据水平扩展？
请帮帮忙。
浏览 0提问于2016-02-24得票数 1
1回答
我创建了一个简单的核心2.0 web应用程序，但在移动设备上显示内容时遇到了问题。
这是我垂直拿着设备时的网站图像：
这是我垂直握住设备并向下滚动时的图像：
当我横向拿着设备时，也会出现这样的信息：
在大多数情况下，我在Visual Studio 2017中创建项目后使用了默认设置。这是_Layout.cshtml中的标记：
<div class="container">
<nav class="navbar navbar-inverse navbar-fixed-top text-center vcenter
浏览 8提问于2019-07-25得票数 0
回答已采纳
1回答
我在主页上的几个div框中使用了以下CSS代码：
#homepagebox {
width:80%;
margin:0 auto 0 auto;
}
#homepagebox .column {
float: left;
width: 25%;
}
#homepagebox .column div {
margin: 15px;
min-height: 300px;
max-height:300px;
color:#ffffff;
background: #666666;
border-radius:10px;
}
浏览 0提问于2013-04-17得票数 0
回答已采纳
3回答
我有一个absolute定位的容器，它与bottom对齐。
现在，我想要显示(显示/隐藏)一些内容，而不会使容器变得比它的内容更大--并且最好不要显式地设置toggle。
html
<div id="outer">
<div class="expandableContent">
<p class="toggler">Toggle</p>
<div>
<p>Some content here</p>
浏览 0提问于2011-08-18得票数 0
回答已采纳
我有一个有趣的问题，我从来没有在css中遇到过。客户端在询问下面图片中的第一个蓝色框是否可以在单词"Association“之后进行裁剪，而不是跨越父服务器的全部宽度。
这是一个内联块元素，宽度设置为auto。
display: inline-block;
width: auto;
padding: .5em;
没什么特别的对吧？正如你从框2中可以看到的那样，营销总监的标题被正确裁剪了。那么，为什么当文本需要多行时，css选择显示几乎与父文件完全宽度相同的蓝色背景？
有人知道一些css属性可以应用于在单词末尾进行内联块元素裁剪吗？如果我没有把这件事说清楚，请原谅。我不太清楚如何构造这个
浏览 0提问于2015-04-16得票数 4
回答已采纳
我知道这个问题很具体...我试图弄清楚“宽度”对css框模型的影响。
我在两个单选按钮的左边有一个标签。标签向左浮动，单选按钮出现在标签的右侧。单选按钮本身的右侧有标签，这些标签可以很长。
无线电在UL区块中。
当我在UL块上设置width:auto；，然后将浏览器缩小到相当窄时，单选按钮及其各自的标签会下拉到下一行。
如果删除width:auto，单选按钮将保持浮动状态，而单选按钮旁边的标签字符串将继续缩小，这正是我想要的。
我的问题是:为什么width:auto会导致无线电和它们的标签下降一条线？是不是因为width:auto尝试创建一个框来容纳标签字符串的全长，而不流动文本？或者是其他因
浏览 3提问于2011-10-21得票数 0
回答已采纳
在我的Drupal7模块中，jCarousel 0.2.8可以完美地与jQuery 1.7.1和jQuery UI 1.8.11一起工作。但是，在Internet Explorer 7、8、9和10中，传送带无法正常工作。我如何才能使它们在两种浏览器中都能正常加载？在FF和IE中看起来像什么的屏幕截图被附上。下面是我的JavaScript/jQuery代码。注意，因为它是一个Drupal站点，所以使用jQuery()而不是$()。
您可以测试我的网站上描述的问题:删除演示链接
任何帮助在IE中修复此问题的人都将非常感激！谢谢！！
function select_avatar(image, b
浏览 1提问于2013-04-22得票数 0
回答已采纳
我有一个表格，当文本很长的时候，它就会从表格中消失： ? 下面是代码 <div class="modal-body" style="word-wrap: break-word;">
<table id="foldersTable" class="table-hover" style=" border-collapse: collapse; table-layout: fixed; ">
<tbody>
<tr style="
浏览 23提问于2020-07-23得票数 0
2回答
flex项不溢出
、、
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My CSS experiment</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="box">
<div>One
浏览 0提问于2020-01-01得票数 0
1回答
如何仅使用CSS在此代码的第一个句点后插入换行符？
<footer>©2004-2015 Delta Systems, Inc. All Rights Reserved.</footer>
我知道在一个元素后面插入一个换行符是这样的：
h4 { display: inline; float: none; }
h4:after { content: "\a"; white-space: pre; }
但是，在选择了特定的字符之后，可以这样做吗？
浏览 2提问于2015-02-05得票数 1
我能找到的每一个资源都说，文本区域的cols属性表示水平线中平均字符宽度的数量。然而，在Chrome、Firefox和Safari (都在OSX上)中，将文本区域的cols设置为(例如) 80，并使用等宽字体，将允许您在换行之前键入81个字符。这不是一个舍入问题；cols=1相加的量是相同的。这也不是填充或边距的问题；所有样式的行为都是一样的。而且它只是cols，而不是行。
这是指定的行为吗？如果是这样的话，为什么它不在规范中，或者数百个在线指南/资源中的任何一个？如果这是一个非官方的约定，我总是可以设置80列的cols=79，而不是设置css宽度，这足够可靠吗？
浏览 1提问于2012-09-24得票数 0
我目前正在发疯，而我正试图得到一些东西的工作。
我创建了一个小网站，以好玩和玩，但我遇到了一件事，是困扰我相当多。
这就是我想出的HTML：
<div id="container">
<div id="header">
<div id="cover-cloud">
<div id="cloud" class="cloud stage"></div>
<div id="cloud2" class="cloud2
浏览 0提问于2013-08-14得票数 0
回答已采纳
2回答
我有下面的代码，它迭代对象集并将其细节填充到div中的锚标记中。一些细节可以包含长描述。我想要扩展所有锚标签的高度。
<div class="col-xs-6 col-md-3 offer-item-button" ng-repeat="offer in activeOffers">
<a href="#/products" class="thumbnail" ng-click="onLocalOfferClick(offer,store)">
<h5 cla
浏览 1提问于2016-06-15得票数 0
下面是我的网站导航div的示例，当我缩小窗口的大小时，其他链接将出现在下一行，而不是固定到该窗口的postion.here是cose和css。
<html>
<head>
<title>test page</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div id=navigation>
<ul id="
浏览 4提问于2013-10-09得票数 0
回答已采纳
是否可以水平居中多行<div>，同时其内容保持左对齐(text-align:left)，而不指定display:table，也不必知道<div>的像素宽度(它应该根据需要变得尽可能宽)？它必须能在Firefox3和Chrome上运行。
我有以下工作的解决方案，其中包含一个<div>内的另一个<div>，所以我只寻找一个解决方案，不需要一个内部的<div>。
<style type="text/css">
div.showtitle {
margin-left:auto;
margin-right
浏览 0提问于2010-11-24得票数 4
回答已采纳
这是最不寻常的。我正在我的网站上的输入字段上实现jquery自动完成，但在我键入时，建议没有出现在输入字段下。相反，它们显示在html文档的最右上角。我需要在这里申请一个特殊的类才能使它工作吗？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<link href="
浏览 1提问于2011-06-05得票数 0
2回答
我正在尝试创建一个"fluid“网站，并且在我的css文件中有：
page-wrap{
min-width: 780px;
max-width: 1260px;
margin: 10px auto;
}
在我的页面模板中，我将正文的宽度设置为80%并居中。我的意图是，当我将浏览器窗口缩小时，它将删除正文左右两侧的空白区域，直到正文周围没有空间为止。此时，将出现一个水平滚动条。我不确定我是否解释清楚了，但是一个示例类似于stackoverflow.com，当您缩小浏览器窗口时，主体左侧和右侧的空格将被删除。不幸的是，就我所拥有的，我的主体周围的空间保持不变
浏览 1提问于2011-03-14得票数 0
回答已采纳
我在tkinter中有一个525x650的窗户几何图形。我希望在多个空格中显示列表项，以便它们在宽度空间中覆盖所有空间，并在宽度空间已满时移动到下一行。但是，所有的项目都打印在一行上。当我使用代码在新行中打印每个项目时，它超出了主窗口的高度。
def throat_symp():
#empty_label.config(text=(throat_symplist)) #For printing on same line
empty_label.config(text=("\n".join(throat_symplist))) enter image des
浏览 11提问于2017-01-08得票数 0
由于nowrap on td element在IE中似乎不起作用，参见，我迫切需要帮助，如何在Dojox Datagrid中的每个单元格中添加一个带有nowrap的span元素，而不必定义字段格式化程序来完成此操作。
请在此处查看jsfiddle
使用这个css，我在Chrome和FF中得到了我想要的东西，即没有自动换行和溢出隐藏。但它在IE中不起作用。
<style type="text/css">
.dojoxGridRowTable {
table-layout: fixed;
width: 0px;}
.dojoxGrid .dojox
浏览 9提问于2012-12-07得票数 0
3回答
我想我在这里得到了答案：
不幸的是，尽管它在PC上看起来很棒，但当在手机上查看时，文本会被旋转的图像所覆盖。
我的CSS is类当前设置如下：
.fadein { position:relative; margin-left:auto; width:300px; height:300px; }
.fadein img { position:absolute; left:0; top:0; }
可在此处查看该网站：
谁能建议如果有任何CSS的变化，我可以做，以防止图片覆盖的文字，而不会击中之前的问题，下一张图片是从前一张被拉出。
浏览 1提问于2013-07-15得票数 0
回答已采纳
我有这部分样式，一个相对内联块元素，其中包含一个绝对元素：
<div style="display:inline-block;position: relative">
<div style="position:absolute">
<input type="text" />
<input type="button" value="submit" />
</div>
</div>
在CSS下拉菜单中也可以看到，这种情况也不
浏览 1提问于2019-01-24得票数 1
回答已采纳
我有一个网络应用程序，让用户上传整个.html文件到我的服务器。我希望“检测”上传的html的宽度/高度，并将其存储在我的数据库中。
到目前为止，我已经尝试使用System.Windows.Forms.WebBrowser控件，但没有成功-通过将文件读入字符串，将其加载到browser.document中：
_browser = new WebBrowser();
_browser.Navigate("about:Blank");
_browser.Document.OpenNew(true);
_browser.Document.Write(html);
检查_bro
浏览 67提问于2009-10-06得票数 1
回答已采纳
2回答
我有一个<table>和许多(34)个<td>。
我想显示三个可变的单元格，例如"name"，"hobby1"，"hobby2“，然后我需要显示31个单元格(每天)。
<table>的宽度被限制在大约1000px。
在白天，单元格总是显示长度为3的字符串，否则什么都不显示。
我的问题是，即使用css设置，单元格也永远不会有相同的宽度。
前三列也可能是固定的。
我如何管理我的表格，全天的<td> (1-31)具有相同的宽度-无论其内容是nothing还是XXX？
浏览 0提问于2012-02-02得票数 1
回答已采纳
在CSS中，有没有一种方法可以使列表中的第三个元素在超过100个字符的情况下换行？这样文本的其余部分就在下一行了吗？
我尝试给该<li>一个较小的宽度，但内容溢出。
我也尝试了overflow:hidden;，这样就切断了它，但其余的都是隐藏的，而不是在新的行上。
我该怎么做呢？
这是一个我尝试做的JS Fiddle：
浏览 2提问于2013-05-26得票数 29
回答已采纳
2回答
我找遍了这个网站，也找不到解决我问题的方法。首先，这是我的问题的一个图像。(带有"sssss“的div应该垂直扩展)。因此，div的内容应该在到达边界时转到下一行。任何建议都是非常感谢的。
这是我的代码。
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www
浏览 1提问于2012-10-20得票数 1
回答已采纳
我有一个显示不同长度字符串的列表框。如果字符串的长度大于屏幕宽度，则其余部分不会显示在屏幕上。如何使用listbox使这种字符串适合屏幕？
浏览 1提问于2012-08-25得票数 0
我正在使用一些超文本标记语言/样式表，它们使用很多display:inline-block规则水平排列<li>元素。我追踪到了一个JS bug，是因为$("ol").width()错误地测量了元素的宽度--似乎是因为<li>内容的宽度？
下面是这个问题的一个例子： -注意<ol>元素的红色边框并没有完全绕过内容：
下面是一个示例，说明如何删除<li>内容上的宽度来固定我的<ol>元素的大小： -注意正确的红色边框是如何围绕内容的。
我不明白这里发生了什么--更改“孙子元素”的宽度的规则怎么会对我的<ol
浏览 2提问于2015-05-06得票数 5
我将列数设置为40，但文本框可以容纳41个字符。我需要精确到列数的字符数，因为我有一个根据列数计算文本行数的函数。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
textarea
{
border: 0 none white;
overflow: hidden;
padding: 0;
outline: none;
background-color: #D0D0D0;
resize: none;
}
</sty
浏览 0提问于2014-01-17得票数 0
2回答
在这里抓住救命稻草，但谁有一个解决方案在Firefox 3.0.7中包装文本？
文本应该像其他浏览器一样在容器中换行。
示例： (在FF3.0.7中明显可见)
#container {
border: 1px dashed;
width: 100px;
}
.text-to-wrap {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
w
浏览 4提问于2012-10-30得票数 0
回答已采纳
1回答
UILabel的单词包装不起作用
、、、、
我有一个不能正确包装字符串的UILabel，如截图所示：
如你所见，我有“composizion\nne”而不是"composizio\nne“。在我的UILabel中，我设置了行数=0，换行符=换行。
浏览 0提问于2015-01-16得票数 1
我正在寻找一种方法来设置一个选择的下拉列表的宽度为最长的选项的宽度。我现在的问题是，当你选择一个短项目时，它会自动换行另一个选项，并使下拉菜单与你选择的选项具有相同的宽度。在一些CSS播放后，我想出了如何关闭结果的换行，并删除了宽度:100%，这样结果就会像最长选项一样宽。这对dropdown本身没有任何影响。有人知道怎么做吗？
浏览 1提问于2015-08-26得票数 3
我已经添加了一个时事通讯订阅框到我的网站，但它不能正确显示。我想让订阅按钮显示在您输入电子邮件的框旁边。我添加了以下css：
#mc_embed_signup_scroll, #mc-submit {
display:inline-block;
}
然而，它不起作用。
(参见页脚)
提前感谢:)
克莱尔
浏览 2提问于2015-01-30得票数 0
我有一组动态生成的内容-在1到25个块之间(我希望每个块的宽度都在250px左右)。
显然，这可以在屏幕外运行，但这很好，因为我的设计允许水平滚动(使用jQuery -我不希望浏览器使用自己的滚动条来做这件事)。
那么，什么是跨浏览器的CSS是最好的方法呢？浮动似乎不可靠，而且内容的动态性质通过ajax调用频繁更改-这意味着重新计算容器宽度并不是很实用。
其他基于CSS的选项？
浏览 0提问于2010-06-01得票数 1
回答已采纳
1回答
<Paragraph>
<TextBlock TextWrapping="Wrap" TextAlignment="Left">
aaaaaaaaa bbbbbbbbbb cccccccccc dddddddd
</TextBlock>
</Paragraph>
我期待像控制台一样的断词包装。
|-------------------------|
aaaaaaaaa bbbbbbbbbb cccccc
cccc dddddddd
但是，实际产出低于。
|--------------
浏览 2提问于2016-12-11得票数 2
回答已采纳
2回答
为了教育目的，我正在用PHP和HTML创建一个动态网站。
我一直在尝试创建一个“幻灯片”，就像这段视频中的幻灯片。
然而，我一直很难设置所需的宽度和高度(它太小了)。在过去的一个小时里，我一直在玩代码，我搞不懂。
有人能给我指明正确的方向吗？
我的代码如下所示：
CSS代码：
@keyframes slider {
0% {
left: 0;
}
20% {
left: 0;
}
25% {
left: -100%;
}
45% {
left: -100%;
}
50% {
left: -200%;
}
70% {
left: -
浏览 4提问于2016-04-19得票数 0
回答已采纳
2回答
新手来了。
我试图在一个3列*4行布局中创建一页12幅大小相等的图片。
在每一行之间出现多余的空间，我遇到了问题。我目前正在使用<br>，我知道这是不正确的，但我不知道正确的方法。据我所知，表现在被认为是一种糟糕的方法？
我目前有CSS：
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: black;
}
.cent
浏览 5提问于2014-10-27得票数 0
回答已采纳
1回答
当我缩小浏览器窗口时，我遇到了阻止DIV换行到下一行的问题。我一定遗漏了一些小而简单的东西，但我已经尝试了一段时间了，但我还是弄不明白。它似乎只关闭了"blog“div，而不是"info”div。有什么建议吗？
下面是一个示例：
CSS：
/* Level 1 */
#container {
min-width: 800px;
width: 100%;
min-height: 768px;
height: 100%;
background-color: lightgrey;
}
/* Level 2 */
#portfolio {
浏览 0提问于2012-06-05得票数 0
回答已采纳
我引用的元素是这里的页脚链接：
HTML
<!DOCTYPE html>
<html>
<head>
<title>Andrew Louis' Portfolio</title>
<link rel="stylesheet" href="fonts/stylesheet.css" type="text/css" />
<link rel="stylesheet" href="style.css" type=
浏览 0提问于2012-06-25得票数 0
1回答
我有个奇怪的问题。我有一个ASP.Net MVC3站点，其中包含一个带有以下标记的用户注册页面：
<div>
<fieldset>
<legend>Personal Information</legend>
<div class="editor-label">
First Name
</div>
<div class="editor-field">
@Html.
浏览 4提问于2011-09-28得票数 0
回答已采纳
1回答
目前，这是我的vscode编辑器显示的内容，文本一直运行到页面的末尾，我必须向右滚动：
我想扩大页边距，这样我就可以看到所有的文本，就像这里：
浏览 0提问于2020-06-07得票数 1
在Microsoft Word中，有一个选项可以将文本分成两列，如下所示：
内容包含图像和列表。所有内容都需要正常继续，如图所示。我尝试过用CSS3来做这件事，但是是手动的，而不是动态的(因为我必须加载内容，然后进行操作来重新排序元素，但我不确定它是否能工作)：
有没有办法用HTML (5) + JavaScript + CSS (3)做到这一点？如果是的话..。用PHP创建一个文件，让它的结构可以工作吗？
浏览 0提问于2011-09-30得票数 1
回答已采纳
有人知道如何在firefox样式编辑器(开发人员工具)中打开长css代码的包装吗？对我来说，这很重要，因为我为每个css规则创建了行。谢谢。
浏览 0提问于2015-02-08得票数 1
1回答
我在使用internet explorer 8渲染ASP.NET网格视图时遇到了问题。它在其他浏览器中工作得很好，但是IE给我带来了问题。
当用户点击编辑按钮时，它将显示一个保存/取消按钮，但它们似乎不会放在IE的同一行中。在其他浏览器中，它会减小单元格的大小，并适当地平铺按钮。
在IE8中看起来是这样的：
这是它应该看起来的样子(来自Opera)：
生成网格视图的代码可以在中找到。
网格视图样式的css可以在中找到。
我还执行了一个css重置，所以我不太确定为什么会有这个问题，因为我应该注意默认值，我还使用了XHTML1.0严格的doctype，这应该会迫使IE进入稍微更标准化的
浏览 1提问于2012-09-21得票数 0
回答已采纳
1回答
在图表中定位标签
、、
我有一个包含两个图表的电子表格，我想根据表中的值在其中一个序列的点旁边添加一些文本框。
为此，我创建了两个过程，每个过程都有自己的优缺点：
Sub add_comments(apply_to As Series, source_range As Range)
Dim i As Long
Dim c As Range
If source_range.Count > apply_to.Points.Count Then
Set source_range = source_range.Resize(apply_to.Points.Count, 1)
End
浏览 11提问于2017-03-14得票数 5
1回答
我正在尝试在HTML电子邮件中创建一个集中按钮。这里棘手的部分是我希望按钮和它的内容一样宽。以下代码可以完美地工作，但在Outlook中除外。 下面是HTML： <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td></td>
<td style="width:1%;white-
浏览 15提问于2019-01-04得票数 1
在我下面的代码中，案例#1工作正常。“建议区”div位于“评级框”的右侧。
但是，当文本超过一行时，第二种情况不起作用。这会导致“建议区域”div移到“评级框”下面。
解决这个问题的最好方法是什么？谢谢。
<html>
<head>
<style type="text/css">
.wrapper {
width: 400px;
list-style: none;
}
.row {
border-bottom: 1px solid #E5E5E5;
浏览 0提问于2010-09-16得票数 0
回答已采纳
2回答
是否可以计算元素是否位于<p>中新行的开头？例如，看一下这个屏幕截图：
您将看到Twitter按钮的边距很小。当它跟在一个单词后面时，这是很好的，但我想知道是否有一个隐藏的CSS宝石，可以让我说“如果你是一行中的第一个‘东西’，那么就失去你的边距-左”。
浏览 2提问于2012-01-08得票数 3
我只是认为我调整了div的宽度和高度，文本将在里面，但我不知道为什么在这种情况下文本会在外面。为什么？如何修复它？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
浏览 1提问于2011-09-02得票数 2
回答已采纳
出于加载时间的考虑，我在Flex应用程序中使用了一个运行时css文件。
我在使用多行文本控件时遇到问题：
<mx:Text id="txtDescription" selectable="false"
styleName="imageRolloverButtonTextDark" width="100%" textAlign="center"
text="{_rolloverText}"/>
当我的CSS样式表正确加载后，文本样式会发生变化，但不会重新计算高度。它看起来只是一个单行字段。
浏览 0提问于2008-11-22得票数 0
回答已采纳
我正在做一个组织结构图，我注意到我们的顾客的头衔被省略号截断了。
有没有办法把CSS或文件改成换行符？
我用的是“夏娃”的主题。如果你不熟悉GetOrgChart，下面是相关代码：
$("#people").getOrgChart({
theme: "eve",
primaryColumns: ["Name", "Title"],
imageColumn: "Image",
linkType: &
浏览 2提问于2015-04-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
