请问div怎么固定宽度,吧一行超出的文字隐藏但不换行?

我是这样设的:<div style="width:100px; overflow: hidden;">
但是每一行的内容找装不下的不会隐藏,而是自动换行。

suannai0314
鹳狸媛 楼主的这个问题解决了么?下边的答案能解决问题么?如果可以麻烦点击答案旁的√采纳哦~如果没有也可以将自己的答案贴上然后进行采纳的。
大约 6 年之前 回复

6个回答

可以设置div的大小,然后设置overflow属性为hidden,这样就会将超过的部分隐藏掉了。注意高度设为一个字宽。
<div style="width:50px;height:1em;overflow:hidden;">天行健,君子以自强不息!地势坤,君子以厚德载物。。。</div>

.box {
width: 100px;
overflow: hidden;
white-space: nowrap;
background:#039;
height:300px;
}

white-space: nowrap;这个保证元素不换行。

没有看到你的代码,好像dojo的dojoType这个属性可以设置 你试试看

Mark下。
这个功能有什么具体的作用的吗?可以用在什么方面呢?望指导下,谢谢。

你没设置div的高度

在div中添加一个属性overflow:hidden

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
div文字超出时候隐藏
div文字超出时候隐藏
div固定宽度,文字输入超出盒子宽度,使文字自动换行
内容: 下图的显示评论列表固定宽,但是显示的内容超出的了div的宽,文本需要换行。 代码: 先给div一个宽度 固定宽度 word-wrap:break-word; word-break:break-all; overflow: hidden; ...
css样式内容超出div换行以及隐藏
    之前,自己学过css样式,看到过超出边框的内容展示,今天项目用到,真是想不起来了,懒得在看文档了,直接网上搜了一下,记录下来,以备往后用。 word-wrap:break-word; 换行 word-break:break-all;换行 overflow: hidden;隐藏/*这个参数根据需要来绝对要不要*/ 摘自网友博客:https://blog.csdn.net/moxiao...
td文字超出换行
添加style="'WORD-WRAP: break-word"即可实现文字的超出换行
div隐藏超出部分
div内部现在有两个文本框两个按钮,实现不换行,超出部分隐藏,不加滚动条
超出宽度的文字隐藏
li { white-space:nowrap; 强制不换行 over-flow:hidden; 超出的文字部分隐藏 text-overflow:ellipsis; 超出部分省略号代替 }  
文本换行和超出一行显示
The text-overflow property specifies how overflowed content that is not displayed should be signaled to the user. It can be clipped, display an ellipsis (...), or display a custom string. Both of the...
div内容换行(隐藏)
div在某个容器里面,要适应这个容器的宽度,然后自动换行,那么如下写就好了 &amp;lt;容器标签&amp;gt;这边写内容
div内文字换行。。。。
div的属性怎么写才可以让div内的文字自动换行呢?我设置了width但是好象没用,文字一多不会自己换行,div就给挤变形了。。请问该怎么写才可以让div内的文字自己换行呢??
一行文字超出省略,多行文字超出省略
设置一行文字超出省略:width:100px;/*这个根据实际需要设置大小*/white-space:nowrap;overflow:hidden;text-overflow:ellipsis; 设置多行省略: overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-w...
div超出部分隐藏css
&amp;lt;div style=&quot;overflow: scroll;overflow-x: hidden;&quot;&amp;gt;
div可输入,单词溢出或超出文字换行
1.div允许输入文本,则设置: contenteditable="true" 2.div单词溢出: 前提需要设置固定的宽度:width:200px; word-wrap:break-word;//*目前谷歌浏览器不兼容 --兼容各个浏览器完整写法:(自动换行和强制截取换行) -moz-hyphens: auto;-ms-hyphens: auto;-webkit-hy
css隐藏超出长度的文字
参考: http://zhidao.baidu.com/question/78317128   css 隐藏超出的文字   overflow:hidden; text-overflow:ellipsis; white-space:nowrap  
table中超出文本区域文字隐藏、换行
超出区域省略号表示<table style="table-layout:fixed;white-space: nowrap; width: 100%;"> <thead> <tr> <td width="3%" style="text-overflow: ellipsis;overflow: hidden;"nowrap>要显示的文本,超出使用省略号表
css超出行数隐藏和超出文字长度隐藏显示省略号
超出行数隐藏: .p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 超出文字长度隐藏:其中宽度一定要设定 .p{ width: 100px; overflow: hi...
【技巧】div超出文字隐藏并显示省略号
HTML代码如下:<div class="logisNews rt"> <div class="newsTitle"> <h3> <img src="img/icons/news.png" /> <span>新闻资讯</span> <a class="rt" href="#">更多>></a></h3>
div文字过长,换行方法
style=&quot;WORD-WRAP:break-word;TABLE-LAYOUT:fixed;word-break:break-all;&quot;
文字在div中字段换行
word-break:break-all;
请问CListCtrl怎么固定宽度?
就是如果禁止拖动上面的标题栏来改变宽度, 谢谢
文本换行和超出一行显示省略号
文本换行和文本超出一行的部分用省略号...代替
css强制换行和超出部分隐藏实现
字段过长,页面显示效果: 一、强制换行 1 word-break: break-all; 只对英文起作用,以字母作为换行依据。 2 word-wrap: break-word; 只对英文起作用,以单词作为换行依据。 3 white-space: pre-wrap; 只对中文起作用,强制换行。 word-break:break-all 和 word-wrap:break-word
如何让不换行,超出部分隐藏?
如下所示:rn rn rn left rn 测试链接1-------rn测试链接2-------rn rightrnrnrnrn如果让上面的“测试链接1”和“测试链接2”不换行,超出宽度的部分隐藏?
文字不换行,超出部分显示省略号
这个效果常常会用到(其中文字占两行后超出隐藏为css3属性,且IE  、火狐不支持)&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; .content1{
怎么让div横向排列不换行,超出之后滚动条
方法:套三层DIV 在最外层div  box1 设置宽度 且overflow-x:scroll 在里面那层div box2不设置宽度 且white-space:nowrap 在list元素随意设置宽度 (如果用nowrap时候 list不能设置float) (如果用非要list设置float实现横排的话 box2设置一个很大的宽度 容下所有list) &amp;lt;div class=&quot;b...
让position:absolute超出DIV溢出隐藏
通常,为了让DIV子元素超出部分隐藏,都是在父元素设置overflow:hidden,这样即可防止子元素撑开父元素,使子元素能够溢出隐藏! 但是,对于position:absolute定位的子元素,仅仅使用overflow:hidden没办法将其溢出部分隐藏,需要在父元素上也加上一个定位position:relative;才能将含有 position:absolute属性的子元素进行溢出隐藏!
多个div并排显示 超出部分隐藏
如图所示,当div数量超过一定量之后 多出部分就会自动隐藏 而且点击分页按钮能实现向右(左)滑动显示 请问如何实现[img=https://img-bbs.csdn.net/upload/201710/28/1509175712_866483.png][/img]
文字一行显示,超出部分显示省略号
文字一行显示,超出部分显示省略号设置此属性文字只可以显示一行
css控制一行文字超出省略
话不多说上代码 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;
CSS设置一行文字,超出部分自动隐藏
.textone { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 25px; max-height: 25px; -webkit-line-clamp: 1; -web
Winform 文字怎么换行
从数据库里取出一些文字rnrn显示在richTextBox里rnrn但是文字很长rnrn因此希望rnrn每当文字中遇到符号“//”rnrn便可以换行rnrn应该怎么操作
Android固定宽度文字自适应大小
今天遇到一个问题,如下图 图中间的两个数字,如果数字过大时换行呢?还是假省略号呢? 加省略号会让用户看不到完整信息 而换行则会造成界面变形,影响美观 想了一个办法,就是动态设计字体大小,android基础好的童鞋应该都会写,不多说了,我上代码先 首先获取屏幕宽度,计算数字两边的padding float padding = 50;//px float max
p标签内超出的文字隐藏
[color=blue][size=small](如有错敬请指点,以下是我工作中遇到并且解决的问题) [/size][/color] [size=small]如图,自我介绍的内容超出边框,自动隐藏。[/size] [img]http://dl2.iteye.com/upload/attachment/0119/8562/c3db2945-7184-331e-833e-e56d26173...
jsp超出文字隐藏并在其后加"..."
jsp 的引入文件:<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>html代码:<div class="col-sm-8 form-view" title="${result.data.shopName}"> ${fn:substring(result.data.shopName, 0, 1
怎么使文字超出div之后自动隐藏并用点显示
文字超出div范围之后自动隐藏并且用点显示的方法如下:white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
HTML-Table-Td固定宽度使内容换行
table style="TABLE-LAYOUT: fixed;" td style="WORD-WRAP: break-word;WIDTH:200px;"
div下a标签超出文字向左滚动怎么实现
[img=https://img-bbs.csdn.net/upload/201410/17/1413523901_759543.png][/img]rndiv有固定的宽高 想让里边a标签的文字如果超出了自动向左滚动 到div左边的那条边儿后再回到原来的位置重新开始滚动rn[color=#FF0000][size=16px][b]怎么实现啊啊啊!!![/b][/size][/color]
固定宽度内文字均匀分布
方法: 将文字放入span中,然后使用flex属性去均匀分布布局     左边分享一个公众号,写一些散文和影评等,右边的是博主自己的二维码,欢迎一起讨论。                     ...
求助:多个div一行显示,不换行
具体如下:rn我想让一行显示多张图片,以用来图片轮转。rn rn rn rn rn .....rn //中间有n张图片rn rnrnrnrn现在遇到的问题是如果图片太多,就会分行显示。。。请问高手有没有解决的办法
怎么显示和隐藏div
rnrn rn 北京麦当劳rn 北京肯得基rnrnrn rn rnrnrn=========================================================rn我的问题是当点击北京麦当劳时显示 的内容rn当点击北京肯德基时显示 的内容rnrn函数在c_dis().调用方法是函数中的if(td_now.id == "s_td_3")
html超出部分隐藏 DIV边框的内容隐藏
溢出超出DIV边框的内容自动隐藏方法 html超出部分隐藏 == div加入css属性 overflow:hidden ==
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池