精华内容
下载资源
问答
  • HTML如何实现滚动条文本框

    千次阅读 2020-05-18 17:53:58
    一、滚动条在右端: 关键处: overflow-y:auto(表示开启右方的滑动条)或者overflow-x:hidden(表示隐藏下方的滑动条) <div style="width: 100px;height: 100px; overflow-x:hidden;"> <p>ZTY&...

    一、滚动条在右端:

    关键处:

    overflow-y:auto(表示开启右方的滑动条)或者overflow-x:hidden(表示隐藏下方的滑动条)

      <div style="width: 100px;height: 100px; overflow-x:hidden;">
            <p>ZTY</p>
            <p>LPJ</p>
            <p>LXH</p>
        </div>

    或者

      <div style="width: 100px;height: 100px; overflow-y:auto;">
            <p>ZTY</p>
            <p>LPJ</p>
            <p>LXH</p>
        </div>

     

    二、滚动条在下端:

    关键处:

    overflow-x:auto(表示开启下方的滑动条)或者overflow-y:hidden(表示隐藏右方的滑动条)

        <div style="width: 100px;height: 200px; overflow-x:auto;">
            <p>ZTYisxxyearsoldnowhhh</p>
            <p>LPJisxxyearsoldnowhhh</p>
            <p>DYisxxyearsoldnowhhh</p>
        </div>

    或者

        <div style="width: 100px;height: 200px; overflow-y:hidden;">
            <p>ZTYisxxyearsoldnowhhh</p>
            <p>LPJisxxyearsoldnowhhh</p>
            <p>DYisxxyearsoldnowhhh</p>
        </div>

     

    三、滚动条右端下端都有:

    关键点:overflow-x:auto   overflow-y:auto (表示开启右方和下方的滑动条) 

        <div style="width: 100px;height: 100px; overflow-x:auto ;overflow-y: auto;">
            <p>ZTYisxxyearsold</p>
            <p>LPJisxxyearsold</p>
            <p>DYisxxyearsold</p>
        </div>

     

    展开全文
  • html文本框中加入滚动条

    万次阅读 2014-10-06 21:34:34
    我们都知道大篇幅的文章会占据页面的大部分空间,从而影响页面整体的美观性,而通过为其添加一个滚动条文本框,则能够很好地解决上述问题。下面就是相关语法: style='  color: #ffffff;  background...

        我们都知道大篇幅的文章会占据页面的大部分空间,从而影响页面整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。下面就是相关语法:

    <DIV align=center 
    style=' 
    color: #ffffff; 
    background-color: #000000; 
    border: solid 2px black; 
    width: 120px; 
    height: 200px; 
    overflow: scroll; 
    scrollbar-face-color: #889B9F;
    scrollbar-shadow-color: #3D5054;
    scrollbar-highlight-color: #C3D6DA;
    scrollbar-3dlight-color: #3D5054;
    scrollbar-darkshadow-color: #85989C;
    scrollbar-track-color: #95A6AA;
    scrollbar-arrow-color: #FFD6DA;
    '>日志文字</DIV>

    上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单,主要是控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。

    接下来说说文字竖排是如何实现的。除了制造特殊效果,我在Space空间展示的文字竖排没有什么真正的实用性,只会给阅读者造成麻烦,不过本着尽可能挖掘Space潜力的原则,我还是尝试了如下的语法:

    <DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>

    这个语法中唯一的亮点就是Writing-Mode这个参数,其后的tb代表文字排列从上到下,rl代表从右到左。


    展开全文
  • 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><meta ...
  • html网页中,我们都知道大篇幅的长文章会占据网页的大部分空间,影响了整体网站页面的美观性和阅读体验,因此,在html网页中添加一个滚动条文本框,就可以很好地解决上述问题。网页滚动条本身就是浏览器的一...
  • 如何添加一个滚动条文本框

    千次阅读 2013-01-22 09:34:18
     我们都知道大篇幅的文章会占据页面的大部分空间,从而影响页面整体的美观性,而通过为其添加一个滚动条文本框,则能够很好地解决上述问题。下面就是相关语法: style=' color: #ffffff; background...

    来自:http://www.jzxue.com/wangyesheji/html/201101/06-5500.html 

      我们都知道大篇幅的文章会占据页面的大部分空间,从而影响页面整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题。下面就是相关语法:

    <DIV align=center
    style='
    color: #ffffff;
    background-color: #000000;
    border: solid 2px black;
    width: 120px;
    height: 200px;
    overflow: scroll;
    scrollbar-face-color: #889B9F;
    scrollbar-shadow-color: #3D5054;
    scrollbar-highlight-color: #C3D6DA;
    scrollbar-3dlight-color: #3D5054;
    scrollbar-darkshadow-color: #85989C;
    scrollbar-track-color: #95A6AA;
    scrollbar-arrow-color: #FFD6DA;
    '>日志文字</DIV>

    上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单,主要是控制不同部分的色彩,你可以做相应变化并在预览中观看实际效果。至于调整文本框的大小,你可以在插入此语法后退出HTML编辑模式,然后在日志编辑页面使用鼠标直接进行调整。

    接下来说说文字竖排是如何实现的。除了制造特殊效果,我在Space空间展示的文字竖排没有什么真正的实用性,只会给阅读者造成麻烦,不过本着尽可能挖掘Space潜力的原则,我还是尝试了如下的语法:

    <DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>

    这个语法中唯一的亮点就是Writing-Mode这个参数,其后的tb代表文字排列从上到下,rl代表从右到左。

     

    展开全文
  • 我们都知道EditText与TextView是Android的文本输入框和文本显示框,但是基于手机屏幕的大小因素,如果在需要输入较多文字或者显示较多内容的时候,手机屏幕是远远不够的,因此让文本框具有滚动条的功能是手机上必备...

    我们都知道EditText与TextView是Android的文本输入框和文本显示框,但是基于手机屏幕的大小因素,如果在需要输入较多文字或者显示较多内容的时候,手机屏幕是远远不够的,因此让文本框具有滚动条的功能是手机上必备的,下面ATAAW.COM来介绍下如何加上滚动条。 

    要加上滚动条,其实很简单,只需要在文本输入框或者文本显示框上面加上滚动条控件即可,该控件名字为ScrollView,以下我们对比下(以TextView举例)。 

    A、未加滚动效果 

    Java代码 
    <TextView   
    android:layout_width="fill_parent"
    android:layout_height
    ="wrap_content"
    android:id
    ="@+id/textView"
    />



    B、加上滚动效果 

    Java代码 
    <ScrollView   
    android:id="@+id/scrollView"
    android:layout_width
    ="fill_parent"
    android:layout_height
    ="200px"
    android:scrollbarStyle
    ="outsideOverlay" android:background="@android:drawable/edit_text">
    <TextView
    android:layout_width="fill_parent"
    android:layout_height
    ="wrap_content"
    android:id
    ="@+id/textView"
    />
    </ScrollView>


    由以上例子可以看出,只需要在文本控件的外围加上ScrollView控件就可以让文本框具有滚动体的功能。 


    转自:http://zkl-1987.iteye.com/blog/1055417

    转载于:https://www.cnblogs.com/shanzei/archive/2012/03/24/2415240.html

    展开全文
  • js将滚动条滚动到指定位置的简单实现方法 代码如下(主要是通过设置Location的hash属性): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
  • SWT垂直滚动条的Text自动滚动到底部 比如显示聊天信息
  • Html —— 显示滚动条

    2020-10-19 11:35:26
    如何在Html中显示滚动条? 解决 是否显示滚动条依赖于两个条件 1、当前长度已经大于设置长度 2、已配置滚动条 代码 //需要配置y轴滚动条的class .a-b-c { //最大高度 max-height: 150px; //y轴长度大于...
  • 由于文件内容过长,为了加强文章的可读性,可以添加一个带滚动条文本框,既能使文章看起来干净整洁,同时也极大的提高了文章的可读性。 我这里对在word2010中文本框带滚动条作个介绍: 1. 打开word后,点击...
  • 滑块的滚动文本框

    2002-12-17 00:00:00
    这是一个滑块的滚动文本框,应该是很标准的了,可以用在很多场合。
  • 参考:https://www.cnblogs.com/pinpin/p/10254359.html 开发工具: 画出文本框,修改属性
  • Qt实现带滚动条的界面(代码实现)

    千次阅读 2020-10-24 15:00:03
    引入头文件 #include #include 实现过程 1.新建一个QScrollArea变量,名称为sa 2.设置sa的位置长宽,进度条显示 3.在sa界面中新建一个QWidget界面w 4.将 w装配到sa中并设置w的位置长宽(sa为主界面... //访问水平滚动条
  • html滚动条属性设置

    千次阅读 2019-04-10 09:07:58
    html滚动条属性设置
  • HTML实现滚动条

    2017-09-20 09:32:25
    overflow: scroll; 这个属性定义溢出元素内容区的内容会如何处理。...因此,有可能即使元素框中可以放下所有内容也会出现滚动条。 eg: div  { background-color:#00FFFF; width:100px; height:100px; over
  • 在博客中添加带滚动条文本框能大大提高文章的可读性。 1. 以csdn博客为例 我们在csdn发布博客的时候会在编辑区看到一个源代码的工具。 注:各类博客产品是不一样的,有的可能是个复选框 2. 我们选中这个...
  • C#winform的textbox怎么设置滚动条

    千次阅读 2019-03-24 04:54:00
    用 C#开发软件的时候文本框textbox是没有滚动条的,而且是单行文本。下面教大家如何设置多行,并且设置横向滚动条和垂直滚动条。 打开VS工具,创建一个winform窗体项目。系统会自动创建一个主窗体。在左边工具栏...
  • 关于Axure隐藏滚动条

    2021-09-21 01:33:00
    问题描述 当我们在用Axure设计并制作页面时,当一个页面中的内容过于多时,我们就会想到使用文本域来解决这个问题,但文本域旁的滚动条有的时候属实有点不够美观,这个时候我们就可以使用动态面板来解决这个问题。...
  • $("#BlessingText").scroll(function () { if ($(this).scrollTop() != 0 && $(this).height() ) { var height = $(this).height() + $(this)....转载于:https://www.cnblogs.com/flybeijing/p/textarea.html
  • &...text/html; charset=gb2312"&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;style type="text/css"&gt; .focus{ border: 1px solid #f00; back
  • textArea滚动条样式

    2011-11-10 11:05:57
    js实现textArea滚动条样式,兼容多种浏览器
  • CEdit*p = (CEdit*)GetDlgItem(IDC_EDIT9); //定义一个指向编辑框的句柄... //滚动条置底 1.新建一个编辑框控件(Edit Control),将其多行(Multiline)前面打勾(属性设置为True),Auto HScroll前面的勾去掉(...
  • text与scroll控件 1 import tkinter 2 3 wuya = tkinter.Tk() 4 wuya.title("wuya") ... 7 # 创建文本框text,设置宽度100,high不是高度,是文本显示的行数设置为3行 8 text = tkinter.Te...
  • 下拉框的文本框

    2013-08-06 00:58:00
    下拉框的文本框 &lt;script language="javascript"&gt; var m_strTextselectDiv="Textselectshow_Div" var m_intTextSelectIn=false var ie=(document....
  • 而且过长的文本也很不容易阅读,因此为了加强文章的可读性,通常可以添加一个带滚动条文本框,既能使文章看起来干净整洁,同时也极大的提高了文章的可读性。 效果其实就是这样的文本框 1 2 3 4 5 6 7 ...
  • 日历表格面板 [ConfigLine.java] 控制类 [RoundBox.java] 限定选择控件 [MonthMaker.java] 月份表算法类 [Pallet.java] 调色板,统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP连接...
  • <textarea style="overflow:hidden;border-width:0px;background-Color:buttonface;...永远没有滚动条 </textarea> <textarea style="overflow:auto;border-width:0px;background-Color:buttonface;...
  • html 美化滚动条默认样式

    千次阅读 2015-10-09 11:39:44
    关于scrollbar-face-color只支持ie的解决方法!! it_hack 发布于 2013-2-28 19:24 查看数: 2329 评论数: 4 帖子模式 ...今天突然有人问我滚动条css自定义的方法,我发现用scrollbar-base-colo

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,436
精华内容 9,774
关键字:

html带滚动条的文本框