如何防止"display:table-cell“中的文本换行？

文章/答案/技术大牛

发布

1回答

html、css

这就是我需要的 ? 这就是我得到的 ? .table{ > .table-row{ > .table-col{ vertical-align，我该如何

浏览 101提问于2021-07-15得票数 0

回答已采纳

2回答

自动伸展表格单元格div css

html、css

我有一个非常简单的设置：.wrapper { display: table; display: table-cell; display: table-cell;<div class="wrapper"> <div class="dontBreakmyLine我知道在第一个div中生成的

浏览 1提问于2013-10-11得票数 2

回答已采纳

2回答

Break表格- css中一行的单元格规则

html、css、asp.net

我有由<div>和display:table-row，table-cell和position:relative制成的桌子。表中的第一行如下 <div style="display:table-cell; position:relative; widthimportant;"><strong>Un

浏览 26提问于2018-09-13得票数 1

2回答

在表格单元格上强制换行符

html、css

我使用了一个带有display: table-cell on的div来垂直居中显示这个文本，它可以是多行。我偶然发现有些单词可能会变得很长，这会使元素的布局即使有固定的宽度也会伸展。我发现在Chrome34中可以使用“断字:断字”功能。这正是我想要的。如果一个单词有换行的空间，它应该换行，但是如果它被删减了，那就把这个单词换掉。但这在Firefox和IE中不起作用。<styl

浏览 2提问于2014-05-02得票数 0

2回答

表格单元格自动换行不能使用斜杠

html、css、word-wrap

我试图以固定的布局对文本进行换行，但当文本中包含斜杠时，它不起作用。 <div style="display:table-cell;word-wrap: break-word;">abfdbfdbfdb/dfbfdbdfbfbf

浏览 0提问于2013-04-29得票数 5

回答已采纳

3回答

如何使用display:table-cell？

html、css

我有一个带有float:right (没有声明position属性)的div。此div包含一些文本内容，有时可能会换行。我希望文本始终垂直居中。为这个div声明display:table-cell和vertical-align:middle根本不起作用。谁能告诉我关于table-cell的正确方向？我正在使用FF。这能在IE中工作吗？

浏览 0提问于2010-03-07得票数 1

回答已采纳

1回答

显示:添加图像时表格单元格怪异的行为

html、css

我有包含display:table-cell的列(以确保它们的高度相同)。每列中都有一些文本。当我将图像添加到其中一个单元格(在文本的顶部)时，所有列中的文本都会被下推，而不仅仅是包含图像的列中的文本。有没有办法防止其他列中的文本移动？</div> &l

浏览 1提问于2012-10-31得票数 0

回答已采纳

1回答

文本未使用自动换行在div容器中换行

css、word-wrap、tablerow、css-tables

我有这样的情况：有人能告诉我为什么div.content中的文本没有换行到div.container中定义的宽度吗？谢谢

浏览 3提问于2012-08-13得票数 1

回答已采纳

2回答

垂直-底部对齐不起作用

css、vertical-alignment

我需要所有的文本在<a href="#"><strong>Home</strong><span>This is a home</span></a>放置在底部，但css代码不工作。color: #777; } margin: 0;} position: relative;} .menu

浏览 0提问于2013-06-17得票数 0

回答已采纳

1回答

在表格单元格div中打断单词

html、css

我有以下小提琴：，其结构类似于：<tr><span style="display:table-cell"></span><&#

浏览 1提问于2012-04-24得票数 0

1回答

水平宽度相互依赖的垂直对齐方式

css、vertical-alignment、tablecell

: table; height: 66px;.caption .label { background: table-cell; height: 66px;} 我认为在纯CSS中实现这一点的最好方法是使用display: table和display table-

浏览 1提问于2013-01-17得票数 0

1回答

改变菜单链接中链接文本的长度使链接不等高

css

我制作的菜单链接有不同长度的链接文本。这使得一些链接换行到2行，而其他链接不换行。 <ul> <a href="#">Link 1</a> <li> <a href="#&

浏览 3提问于2014-03-25得票数 0

1回答

XSL word换行问题

xslt、xsl-fo

我有一个用XSL编码的表，它用于在执行时生成pdf。用户在CountryGroup表单元格中输入数据时出现问题。如果数据中没有空格，它将打破单元格的边界，数据将溢出到其他单元格中，从而使文档不可读。我正在试着找出一种使文本换行的方法。</fo:block></fo:table-cell> <fo:table-cell border="

浏览 23提问于2020-03-27得票数 0

回答已采纳

3回答

如何使此div的文本换行？

html、css

我有一个简单的HTML结构，如下所示： <div class="caption"> float: right;.content { background-color: #c0c0c0;看起来是这样的：如果我将窗口缩小到足够大的程度，最

浏览 0提问于2013-06-13得票数 6

1回答

生成浏览器以换行表格单元格

html、css

<div class="table-cell"></div> <div class="table-cell"></div>>#table { width: 940px; tab

浏览 0提问于2012-11-28得票数 5

回答已采纳

3回答

如何在响应式div中进行文本换行？

twitter-bootstrap、css

我遇到了一个长文本的问题。row"> LONGTEXTHERELONGTEXTHERELONGTEXTHERE</div> 你看，我不知道真正的宽度大小，所以我不能在那个div中进行文本换行。我不能在没有固定宽度大小的情况下进行文本换行吗？

浏览 2提问于2016-05-28得票数 2

回答已采纳

3回答

垂直居中div中的链接

html、css

"contact"> <a href="/contact">Contact Us</a> </li>我的CSS

浏览 0提问于2012-06-14得票数 5

回答已采纳

1回答

全宽水平菜单中的垂直和水平居中文本

css、vertical-alignment

如果菜单有足够的菜单项，或者任何菜单项足够宽，以至于任何LI > A都需要将其文本换行到下一行，则可以很好地工作。但是，如果所有的表格根据内容/填充都是全宽的，它们就不会扩展到LI的宽度，因为我正在使用display:table-cell;vertical-align:middle在每个表格中强制文本垂直居中，而且看起来{ border-right: 1px solid

浏览 0提问于2013-09-26得票数 1

2回答

允许范围溢出其包含的DIV

jquery、css、html、twitter-bootstrap

我尝试使用以下代码在图像上放置一个样本水印(并旋转它)，但当文本太大或太长时，文字将换行并创建两行。如果我使用空格: nowrap禁用换行，如果跨度变得太大，文本现在将围绕不同的点旋转。style="display: table-cell;" class="customize-watermark" id="watermark"> <span>Sample

浏览 0提问于2012-08-04得票数 0

3回答

CSS显示:表格单元忽略溢出和宽度

html、css

小提琴：HTML： <div id="t1">a</div> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> <div id="t3">a

浏览 1提问于2013-09-12得票数 14

回答已采纳

点击加载更多