1赞

如何用固定宽度包装html按钮的文本

作者：ifx0448363 | 2023-08-26 15:25

如何解决《如何用固定宽度包装html按钮的文本》经验，为你挑选了4个好方法。

我只是注意到,如果你给一个固定宽度的html按钮,按钮内的文本永远不会被包装.我已经尝试过自动换行,但即使有可用的空间,也可以剪掉这个词.

如何使用像任何tablecell一样的固定宽度换行的html按钮的文本？



除了添加边框和修改填充之外,css类什么都不做.如果我将word-wrap:break-word添加到此按钮,它将像这样包装:

Roos Sturingen / Sen
sors


如果可以在单词之间切断它,我不希望它在一个单词的中间切割.

谢谢


1> Siu..：
我发现你可以使用white-space css属性:

white-space: normal;


它会将这些词语视为普通文本.

希望能帮助到你.

        
...除了它在IE6上不起作用.请死了,IE6. 

2> Richard..：
white-space: normal;
word-wrap: break-word;


我的两个都适用

        

3> Brian Nixon..：
您可以通过在HTML源代码中插入换行符来强制它(浏览器允许,我想),如下所示:




当然,找出换线的位置并不一定是微不足道的......

如果您可以使用HTML



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        如何在滑行中制作圆形裁剪图像的边框
                    

                    
                                                
                            
                        
                                                
                        如何解决《如何在滑行中制作圆形裁剪图像的边框》经验，为你挑选了4个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何为进度通知图标设置动画
                    

                    
                                                
                        如何解决《如何为进度通知图标设置动画》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        XCode 7.1.1 TableViewCell的内容视图比单元格窄
                    

                    
                                                
                        如何解决《XCode7.1.1TableViewCell的内容视图比单元格窄》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何强制实施父子结构生命周期？
                    

                    
                                                
                        如何解决《如何强制实施父子结构生命周期？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        检查$ M2_HOME环境变量和mvn脚本匹配
                    

                    
                                                
                        如何解决《检查$M2_HOME环境变量和mvn脚本匹配》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        z架构中"anyof"和"oneof"之间有什么区别？
                    

                    
                                                
                        如何解决《z架构中"anyof"和"oneof"之间有什么区别？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Peewee MySQL服务器已经消失
                    

                    
                                                
                        如何解决《PeeweeMySQL服务器已经消失》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用CSS移动前景图像
                    

                    
                                                
                            
                        
                                                
                        如何解决《使用CSS移动前景图像》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        内存分配功能是否表示不再使用内存内容？
                    

                    
                                                
                        如何解决《内存分配功能是否表示不再使用内存内容？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        或C#中的Conditional属性中的运算符
                    

                    
                                                
                        如何解决《或C#中的Conditional属性中的运算符》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Pandas datetime到unixtime
                    

                    
                                                
                        如何解决《Pandasdatetime到unixtime》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        字段名称`username`对于模型无效
                    

                    
                                                
                        如何解决《字段名称`username`对于模型无效》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何定义描述内存位置的宏？
                    

                    
                                                
                        如何解决《如何定义描述内存位置的宏？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        PHP检查Filesize以查看它是否正在发生变化
                    

                    
                                                
                        如何解决《PHP检查Filesize以查看它是否正在发生变化》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        单元测试Asp.Net WebApi:如何使用[FromUri]参数测试方法的正确路由
                    

                    
                                                
                        如何解决《单元测试Asp.NetWebApi:如何使用[FromUri]参数测试方法的正确路由》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Supervisord  - 在supervisord.conf中使用变量INSIDE
                    

                    
                                                
                        如何解决《Supervisord-在supervisord.conf中使用变量INSIDE》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        'val'会产生可变数据吗？
                    

                    
                                                
                        如何解决《'val'会产生可变数据吗？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        DataTemplate x:绑定名称空间错误
                    

                    
                                                
                        如何解决《DataTemplatex:绑定名称空间错误》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        节日2.4:为什么有些声音不适合唱歌模式？
                    

                    
                                                
                        如何解决《节日2.4:为什么有些声音不适合唱歌模式？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        带有python请求库的zomato api请求
                    

                    
                                                
                        如何解决《带有python请求库的zomatoapi请求》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

    
        吐了个 "CAO" !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
























    

    
        
            
            
                
                    
                
            

            
                ifx0448363            

            
                这个屌丝很懒，什么也没留下！            
            
            

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    actionscrip
                
                                
                    bash
                
                                
                    c#
                
                                
                    c++
                
                                
                    c语言
                
                                
                    erlang
                
                                
                    flutter
                
                                
                    go
                
                                
                    golang
                
                                
                    java
                
                                
                    javascript
                
                                
                    lua
                
                                
                    node.js
                
                                
                    perl
                
                                
                    php
                
                                
                    python
                
                                
                    scala
                
                                
                    typescript
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1RxJava Android链接了许多不同类型的请求
                
                                
                    2调用Redmine API时jsonp获得404
                
                                
                    3如何使谷歌地图响应？
                
                                
                    4具有方法指针参数的默认值的模板
                
                                
                    5CSS转换在Edge中不起作用
                
                                
                    6在编译时检测c#版本
                
                                
                    7无法修改lua中的循环变量
                
                                
                    8Python re不能拆分零宽度锚点？
                
                                
                    9“具有此类的id，在调用save（）之前必须手动分配该类的id”
                
                                
                    10这个数字在Bash的段错误信息中意味着什么？
                
                                
                    11Nginx返回路径的文件
                
                                
                    12在TypeScript中实例化一个类
                
                                
                    13缩放图像而不会丢失图像质量不起作用
                
                                
                    14NuGet包作者如何避免版本地狱？
                
                                
                    15为什么要在规范中单独列出？
                
                                
                    16将文本数据存储在熊猫框架中，如何使用sklearn实现简单分类
                
                                
                    17在Swift中更改For循环中的对象属性
                
                                
                    18Angular2中的路由 - 链接"['Name']"不解析为终端指令
                
                                
                    19在编译时检测运算符而不进行隐式转换
                
                                
                    20如何在php中使用preg_match？